html - Bootstrap - Columns default value -
html - Bootstrap - Columns default value -
on bootstrap grid system documentation says:
content should placed within columns, , columns may immediate children of rows.
so on next illustration smartphones , tablets:
<div class="row"> <div class="col-xs-12 col-sm-12">column one</div> <div class="col-xs-12 col-sm-12">column two</div> </div> do have set classes col-xs-12 col-sm-12 when column should fill row width or there default class can set both devices? if don't set col classes, content pushed left , right due negative margins on .row class.
as bootstrap mobile first, if set .col-xs-12, div have total on every device. means don't have set .col-sm-12.
<div class="row"> <div class="col-xs-12"> <!-- 12-col on xs/sm/md/lg --> </div> <div class="col-xs-12 col-6-md"> <!-- 12-col on xs/sm 6-col on ms/lg --> </div> <div class="col-xs-12 col-6-md col-12-lg"> <!-- 12-col on xs/sm 6-col on md 12-col on lg --> </div> </div> plus, default value is precisely .col-xs-12. means don't have specify it:
<div class="row"> <div class="col-md-6"> <!-- 12-col on xs/sm 6-col on md --> </div> </div> html css twitter-bootstrap
Comments
Post a Comment