I have a very simple question, I can not position elements horizontally with Bootstrap, what would the HTML code with Bootstrap look like, like that image?
Notice that you have label , and next to radioGroup , and below another radiobutton and next to textbox and label again, what exactly would that code look like?
It always gets underneath the other when I put it.
<form class="form-inline" role="form" method="POST">
<div class="row">
<div class="col-sm-2">Ends:</div>
<input type="radio" name="group1" id="group1" class="radio" value="Never"> Never
</div>
<div class="row">
<div class="col-sm-2"></div>
<input type="radio" name="group1" id="group1" class="radio" value="After"> After
<input type="text" name="texto2" id="texto2">
occurrences
</div>
<div class="row">
<div class="col-sm-2"></div>
<input type="radio" name="group1" id="group1" class="radio" value="On"> On
<input type="text" name="texto2" id="texto2">
</div>
</form>
You can do as in the above code and append a div with class="row" for each line you want to create a form with class="form-inline" which causes all elements to be in a single line.