Geek Answers Handbook

Boostrap string on multiple lines

I would like the fields of my form to be placed differently on the desktop and on the tablet. So far, so good on the desktop. I have two such cases. In the first, I have something like this (input fields are in a div):

<div class="row">
    <div class="col-md-3 col-sm-6"></div>
    <div class="col-md-3 col-sm-6"></div>
    <div class="col-md-3 col-sm-6"></div>
</div>
<div class="row">
    <div class="col-md-3 col-sm-6"></div>
    <div class="col-md-3 col-sm-6"></div>
    <div class="col-md-3 col-sm-6"></div>
</div>

This doesn't look bad on tablets, but instead of having only one field on the 3rd and 6th lines, I would like to have two. Should I use only one “line” instead of 2 and use an empty “col-md-3” on the desktop to have one “line” going through several lines?

As a result, I have a similar case:

<div class="row">
    <div class="col-md-3 col-sm-6"></div>
</div>
<div class="row">
    <div class="col-md-3 col-sm-6"></div>
</div>
<div class="row">
    <div class="col-md-3 col-sm-6"></div>
</div>

I would like the first two fields to be on the same line.

thanks

+2
2

?

<div class="row">
    <div class="col-md-6 col-sm-6">
        <div class="col-md-6 col-sm-6"></div>
        <div class="col-md-6 col-sm-6"></div>
        <div class="col-md-12 col-sm-6"></div>
    </div>
</div>
0

, .row. .

: http://www.codeply.com/go/7mUSsbO8od

Bootstrap:

" 12 , , ,

, . , , , , .

0

More articles:


All Articles