Difference between revisions of "Introducing bootstrap"

From MyWiki
Jump to: navigation, search
Line 35: Line 35:
  
 
create a new class called thin_border
 
create a new class called thin_border
 +
<source lang="html4strict">
 
.thin_border{
 
.thin_border{
 
border: 1px solid black;
 
border: 1px solid black;
 
}
 
}
 +
</source>

Revision as of 16:49, 20 November 2015

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

.thin_border{
border: 1px solid black;
}