Introducing bootstrap

Bootstrap :

Referenced list this in page header

<link rel="stylesheet"
      type="text/css"
      href="bootstrap.css"
       />

you can have as many stylesheets as you like each one can override a previous one

Responsive grid

In bootstrap everythins is in "

" tags

<div class="container">
<h1> this is my first web page </h1>
 
          <div class="row">
                 <div class="col-md-6 thin-border">
                      Some content here for panel 1
                 </div>
                 <div class="col-md-6">
                      Some content here for panel 2
                 </div>
          </div>
 
</div>

Each panel adds up to 12 rows

create a new class called thin_border and add it to the classes above

.thin_border{
border: 1px solid black;
}