Difference between revisions of "Introducing bootstrap"

From MyWiki
Jump to: navigation, search
 
Line 34: Line 34:
 
Each panel adds up to 12 rows
 
Each panel adds up to 12 rows
  
create a new class called thin_border
+
create a new class called thin_border and add it to the classes above
 
<source lang="html4strict">
 
<source lang="html4strict">
 
.thin_border{
 
.thin_border{

Latest revision as of 16:50, 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 and add it to the classes above

.thin_border{
border: 1px solid black;
}