Connect With Us

ads

Saturday, 21 January 2017

How bootstrap works along with html and css ?

Bootstrap is most popular HTML, CSS and JavaScript framework  to design Responsive website free to use.
Bootstrap use html element and css properties
Bootstrap always start with html doctype. and use to see full description  

Responsive design

Bootstrap Tags:
Container:
It use container class to divide the div in header menus and footer . Use .container for a responsive fixed width container. . Rows must be placed within a .container (fixed-width) or .container-fluid (full-width) for proper alignment.
   
Grids: Bootstrap grid systam also allow upto 12 column along with page. you can change manualy 
Ex- <div class="row">
  <div class="col-sm-4">.col-sm-4</div>
  <div class="col-sm-4">.col-sm-4</div>
  <div class="col-sm-4">.col-sm-4</div>
</div
 This Example divide 3 column equaly. 

You you can use two equal column use sm-6 two times. between two div. 
 Ex- <div class="col-sm-6">.col-sm-6</div>
  <div class="col-sm-6">.col-sm-6</div>
 </div

There are many tag in bootstrap like typography, jumotron button dropdown, glyphicons, panel. I will complete all in next blog.with complete example.




No comments

Post a Comment