<div> question


#1

Here is my code:

<!DOCTYPE html>

<html>
  <body>
  <div class="nav">
    <div class="container">
    <ul>
      <li>Chris</li>
      <li>Browse</li>
    </ul>
    <ul>
        <li>Sing Up</li>
        <li>Login</li>
        <li>Help</li>
    </ul>
    </div>
</div>
<div class="jumbotron">
    <div class="container">
<h1>Find a place to stay.</h1>
<p>Rent from people in over 34,000 cities and 192 countries.</p>
    </div>
</div>
    <div class="jumbotron">
    <div class="container">
    <h3>Travel</h3>
        <p>From apartments and rooms to treehouses and boats: stay in unique spaces in 192 countries.</p>
        <p>
            <a href="#">See how to travel on Airbnb</a>
        </p>
    </div>
    </div>
  </body>
</html>

I did this and everything was going fine. I even passed the lesson. I was wondering to myself what would happen if the first <div class="jumbotron"> and <div class="container"> were left open instead of rewriting it again. I hit "save and submit code" and it was fine. Was putting this down a second time worthless or does it organize it in a different way?


#2

@bonsai006,
You are using Bootstrap facilities,
which will give you any easy to use CSS specification
Read some documentation
google search
== the Book ==
jumbotron site:getbootstrap.com
and
container site:getbootstrap.com

++ bootstrap
http://getbootstrap.com/getting-started/
http://getbootstrap.com/2.3.2/components.html
We now have .col-xs (phones), .col-sm (tablets), .col-md (desktops), and .col-lg (large desktops)