Difference between revisions of "Introducing bootstrap"
From MyWiki
| Line 10: | Line 10: | ||
you can have as many stylesheets as you like | you can have as many stylesheets as you like | ||
| − | each one can override a previous one | + | each one can override a previous one <br> |
| + | '''Responsive grid'''<br> | ||
| + | In bootstrap everythins is in "<div>" tags<br> | ||
| − | + | <source lang="html4strict"> | |
| − | + | ||
| − | + | ||
| − | + | ||
<div class="container"> | <div class="container"> | ||
<h1> this is my first web page </h1> | <h1> this is my first web page </h1> | ||
| Line 31: | Line 30: | ||
</div> | </div> | ||
| + | |||
| + | </source> | ||
Each panel adds up to 12 rows | Each panel adds up to 12 rows | ||
Revision as of 16:46, 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
" 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;
}