How to put multiple Bootstrap inputs on same line?
Nate
I have the following HTML:
<input type="text" class="form-control" name="watch" value="" placeholder="watch">
<div class="input-group">
<span class="input-group-addon">$</span>
<input type="number" class="form-control" name="price" value="" placeholder="Price (optional)" style="width: 140px;">
</div>
<span class="btn btn-primary" onclick="update($(this));"><span class="glyphicon glyphicon-upload" aria-hidden="true"></span> Update</span>
It renders like this:
How can I get both inputs and the button on the same line? I've been messing with the CSS but can't seem to get it to work. I was able to get it working with a table, but I know a CSS solution would be "better."
Kilreaux
You can use Inline Forms like in the Bootstrap Documentation found here: https://getbootstrap.com/docs/3.4/css/#forms-inline
The 'form-inline' class is probably what you're looking for.
Collected from the Internet
Please contact [email protected] to delete if infringement.
edited at
- Prev: How set color family to pie chart in chart.js
- Next: How to use the new MediaSession class to receive media button presses on Android 5.x?
Related
Related Related
- 1
How can I take multiple inputs from the same line?
- 2
How to get multiple inputs on the same line without white space
- 3
How can I take multiple inputs from the same line?
- 4
Put form inputs in the same line fails after 2 times
- 5
How to put "form" in same line?
- 6
How to update multiple inputs with bootstrap-datepicker
- 7
How to get multiple inputs in one line in C?
- 8
How to take multiple inputs in java in a single line
- 9
Bootstrap multiple inputs inline
- 10
multiple line inputs in C
- 11
How to put multiple user inputs into a dictionary and then print in numerical order
- 12
Multiple inputs with same name
- 13
Bootstrap multiple labels and input on same line
- 14
How do I put multiple links on the same line? (HTML5)
- 15
How to put Bootstrap 3 Wells on the same row?
- 16
How to put image and input on the same line with css
- 17
How to put Input and Icon in the same line Materialize?
- 18
how to put 6 divs in the same line?
- 19
How to put Input and Icon in the same line Materialize?
- 20
Codeigniter: How do I pass multiple inputs with multiple same names?
- 21
Codeigniter: How do I pass multiple inputs with multiple same names?
- 22
How would I create two inputs per line with Bootstrap?
- 23
How to have all the inputs on the same line C++
- 24
How do I do user inputs on the same line in Lua?
- 25
Bootstrap 3: How to get two form inputs on one line and other inputs on individual lines?
- 26
How to make multiple segmented inputs in a single input group in Bootstrap
- 27
How to set default value for multiple inputs from one line in python
- 28
How read multiple inputs from one line in java?
- 29
How to set default value for multiple inputs from one line in python
Comments