Bootstrap
Mobile first, civil service network http://www.bootcss.com/
1. Basic templates
<! DOCTYPE html><script src= "./js/jquery-1.11.3.js" ></script><script src= "./js/bootstrap.js" ></script>
2. Containers (padding of 15px in the default style)
Fluid container fills the entire screen example: <div class= "Container-fluid" </div>
Fixed container Adaptive Center resolution greater than 1200 container size is 1170px depending on the resolution value, the example is changed: <div class= "Container" ></div>
Note: The general head tail adopts the fluid body to adopt the fixed
3. Grid system
Row represents rows (automatically handles default padding) Col represents columns
Combination Mode col-lg-col-md-col-sm-col-xs-
Column Offset col-offset-(the range of values can only be shifted to the right: Min. 1 Max 12 offset + self-column number >12 The horizontal scroll bar appears to the right top)
Column sort Col-lg-push (pull)-(push for backward sort pull to sort forward)
Left floating pull-left right floating pull-right
Clear floating <div class= "Clearfix" ></div>
Fixed positioning affix
Print class:
Not visible in print in non-printable Visible-print-block
Not visible in print in non-printable hidden-print
Grid system of Bootstrap