0

I understand for the most part containers and cols. My question is about rows. Below is 50 / 50 Split.

 <div class="container">
    <div class="row">
       <div class="col-md-6">
          50 / 50 Content
       </div>
       <div class="col-md-6">
          50 / 50 Content
       </div>
    </div>
 </div>

If I was again, going to split one of these columns in an area do I again add another row div as below?

 <div class="container">
     <div class="row">
        <div class="col-md-6">
           50 / 50 Content
           <div class="row">
              <div class="col-md-6">
                 Sub 50 / 50 Content
              </div>
              <div class="col-md-6">
                 Sub 50 / 50 Content
              </div>
           </div>
        </div>
        <div class="col-md-6">
           50 / 50 Content
        </div>
    </div>
 </div>

Thanks in advance!

tmg
  • 19,895
  • 5
  • 72
  • 76
Cool Shape
  • 309
  • 4
  • 18
  • 1
    your code should work. What is the question? also i would change the indentation, but that doesn't change the functionality, just makes the code more readable. – flynorc Jan 07 '17 at 22:45
  • 2
    yes, its documented [here](http://getbootstrap.com/css/#grid-nesting) – tmg Jan 07 '17 at 22:45
  • Question is, every time I am sub-dividing a column do I add another row div that holds those sub columns? Whether its 50 / 50, 20 / 80, etc... and as long as my cols add up to 12. – Cool Shape Jan 07 '17 at 22:48
  • What have you tried? What happens? What do you want to happen? Please provide a [mcve]. You are probably looking for Bootstrap "Well". –  Jan 07 '17 at 22:51
  • Dani I have tried everything and everything has happened!!!!! Thanks @tmg that is what I was looking for "Nested". So yes, every time you have nested cols. They are within a row. AwesomeSauce! – Cool Shape Jan 07 '17 at 22:56
  • You don't need a new row every 12 units. It's called "column wrapping" . Just be aware of [responsive resets](http://getbootstrap.com/css/#grid-example-wrapping). – Carol Skelly Jan 08 '17 at 00:14
  • @ZimSystem, what about my example above? What if I were to have two sets of col6 within a col6? Wouldnt I need a new row for each of the 12? – Cool Shape Jan 08 '17 at 01:53

1 Answers1

0

If you wrap a div which has row class, inside divs paddings, margins and float settings will change.

Use both in the same page and be carefull for thees things.

Serhat MERCAN
  • 1,078
  • 3
  • 14
  • 31