Bootstrap 3, 11 Evenly Spaced Columns?
I'm new to bootstrap 3, and I'm trying to grasp the concept of the grid system. This has been fine so far as the controls I'm working are all designed in columns that factors of 12
Solution 1:
This would get you fairly close..
<divclass="col-sm-11"><divclass="col-sm-1 col-sm-offset-1">1</div><divclass="col-sm-1">1</div><divclass="col-sm-1">1</div><divclass="col-sm-1">1</div><divclass="col-sm-1">1</div><divclass="col-sm-1">1</div><divclass="col-sm-1">1</div><divclass="col-sm-1">1</div><divclass="col-sm-1">1</div><divclass="col-sm-1">1</div><divclass="col-sm-1">1</div></div>
Demo: http://bootply.com/91138
However, this won't take up the full width of the page.. That would require customization.
Solution 2:
customize bootstrap find the option @gridcolumns enter the required number of columns and u can generate your customized css
Post a Comment for "Bootstrap 3, 11 Evenly Spaced Columns?"