How to make 5 Columns responsive equally?

User avatar
Dohangout
Admin
Admin
Contact:
Location: Philippines
Posts: 193
Joined: Sat Apr 23, 2016 10:32 pm

How to make 5 Columns responsive equally?

Sat May 07, 2016 11:41 am

Simply..used this code below

Code: Select all

<div class="container-fluid">
<div class="row">
<div class="col-xs-12">

            <div class="col-xs-2 col-xs-15">One</div>
            <div class="col-xs-2 col-xs-15">Two</div>
            <div class="col-xs-2 col-xs-15">Three</div>
            <div class="col-xs-2 col-xs-15">Four</div>
            <div class="col-xs-2 col-xs-15">Five</div>
        </div>
    </div>
</div>
[ 1 ] [ 2 ] [ 3 ] [ 4 ] [ 5 ]

to make it vertical responsive at certain size,

do this,

@media screen and (max-width:768px){
. col-xs-2(float:none; width:auto;)
}


Return to “BOOTSTRAP 3.x”

Links

In total there are 7 users online :: 1 registered, 0 hidden and 6 guests
Registered users: Bing [Bot]
Most users ever online was 162 on Fri Dec 06, 2019 8:39 pm
Total posts 537
Total topics 415
Total members 73
Our newest member Kelly
No birthdays today