Position of components with bootstrap

Asked

Viewed 249 times

0

I have a very simple question, I can’t position elements horizontally with Bootstrap, as would the HTML code with Bootstrap, like this image?

inserir a descrição da imagem aqui

Look who’s got the label, and next to the radioGroup, and below another radiobutton and next door textbox and label Again, what exactly would that code look like? Everything is always below the other when I put.

1 answer

0


            <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 code above and add a div with the class="row" for each row you want to create a form with a class="form-inline" that makes all elements stay in one line.

Browser other questions tagged

You are not signed in. Login or sign up in order to post.