1

I have a question about the Bootstrap. In my case I'm displaying a list of posts and I am using the column 6 size (col-lg-6) more than two times within a row. I know that the row accepts only 12 columns at all.

Is this okay to be used in this way? 

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

example layout

The result I get is fine so I assume that it's okay to be used in this context of displaying posts.

Mike Causer
  • 8,196
  • 2
  • 43
  • 63
power2b
  • 37
  • 7
  • It's Okay the rule of twelve is just a limit to display aside but you can nest in a single row more than 12 if you want they are just floated elements – DaniP Nov 13 '14 at 21:29
  • If there isn't a problem don't worry about it – Turnip Nov 13 '14 at 21:29
  • 1
    If you go to the example grids on the bootstrap page http://getbootstrap.com/css/#grid ... you can see are nested col-xs more than 12 so there is no problem with that... check the **Example: Column wrapping** – DaniP Nov 13 '14 at 21:45
  • Thanks @Danko. So in this case as screenshot shown, would you do it in this way if you would be using bootstrap or would you example do it with lists? – power2b Nov 13 '14 at 21:54
  • ALl is your choice if all the items will have the same height I don't see any problem to do that ... do it with list will have other styles maybe you don't want and will have to overrride ... Now in order to get the most clean grid and code can be more opinions – DaniP Nov 13 '14 at 21:59
  • 1
    possible duplicate of [Bootstrap 3 grid, does it \*really\* matter how many columns are in a row?](http://stackoverflow.com/questions/23502342/bootstrap-3-grid-does-it-really-matter-how-many-columns-are-in-a-row) – Michael Petito Dec 17 '14 at 02:47

0 Answers0