Bootstrap - fill a row with fixed size divs -


please see code here

i have div.row , number of red divs inside row, these red divs fixed size. want align red divs that:

  1. it fills many red divs possible in row
  2. either divs centered in row, or div margin calculated fill whole row width. there can unused space on right hand side.

how do that?

first of all, bootstrap row can contain 12 columns, or columns of various widths or offsets adding 12. so, can have 6 col-xs-2 in 1 row, or 12 col-xs-1, or 3 col-xs-4, etc. there many ways customize , expand on this, such nested columns. take @ bootstrap grid system.

if want content centered on page, surround div class container.

if want divs automatically adjust widths, need remove width: 100px; css.

here's fiddle.


Comments

Popular posts from this blog

database - VFP Grid + SQL server 2008 - grid not showing correctly -

jquery - Set jPicker field to empty value -

.htaccess - htaccess convert request to clean url and add slash at the end of the url -