mirror of
https://github.com/tenrok/bootstrap.git
synced 2026-06-11 18:02:28 +03:00
optimized grid system from @necolas
This commit is contained in:
Vendored
+30
-29
@@ -9,36 +9,37 @@ header,section,footer,article,aside{display:block;}
|
||||
.center-block{display:block;margin:0 auto;}
|
||||
.container{width:940px;margin:0 auto;zoom:1;}.container:before,.container:after{display:table;content:"";}
|
||||
.container:after{clear:both;}
|
||||
.row{zoom:1;}.row:before,.row:after{display:table;content:"";}
|
||||
.row{zoom:1;margin:0 -20px;}.row:before,.row:after{display:table;content:"";}
|
||||
.row:after{clear:both;}
|
||||
.row .span1{float:left;width:40px;margin-left:20px;}.row .span1:first-child{margin-left:0;}
|
||||
.row .span2{float:left;width:100px;margin-left:20px;}.row .span2:first-child{margin-left:0;}
|
||||
.row .span3{float:left;width:160px;margin-left:20px;}.row .span3:first-child{margin-left:0;}
|
||||
.row .span4{float:left;width:220px;margin-left:20px;}.row .span4:first-child{margin-left:0;}
|
||||
.row .span5{float:left;width:280px;margin-left:20px;}.row .span5:first-child{margin-left:0;}
|
||||
.row .span6{float:left;width:340px;margin-left:20px;}.row .span6:first-child{margin-left:0;}
|
||||
.row .span7{float:left;width:400px;margin-left:20px;}.row .span7:first-child{margin-left:0;}
|
||||
.row .span8{float:left;width:460px;margin-left:20px;}.row .span8:first-child{margin-left:0;}
|
||||
.row .span9{float:left;width:520px;margin-left:20px;}.row .span9:first-child{margin-left:0;}
|
||||
.row .span10{float:left;width:580px;margin-left:20px;}.row .span10:first-child{margin-left:0;}
|
||||
.row .span11{float:left;width:640px;margin-left:20px;}.row .span11:first-child{margin-left:0;}
|
||||
.row .span12{float:left;width:700px;margin-left:20px;}.row .span12:first-child{margin-left:0;}
|
||||
.row .span13{float:left;width:760px;margin-left:20px;}.row .span13:first-child{margin-left:0;}
|
||||
.row .span14{float:left;width:820px;margin-left:20px;}.row .span14:first-child{margin-left:0;}
|
||||
.row .span15{float:left;width:880px;margin-left:20px;}.row .span15:first-child{margin-left:0;}
|
||||
.row .span16{float:left;width:940px;margin-left:20px;}.row .span16:first-child{margin-left:0;}
|
||||
.row .offset1{margin-left:80px !important;}.row .offset1:first-child{margin-left:60px !important;}
|
||||
.row .offset2{margin-left:140px !important;}.row .offset2:first-child{margin-left:120px !important;}
|
||||
.row .offset3{margin-left:200px !important;}.row .offset3:first-child{margin-left:180px !important;}
|
||||
.row .offset4{margin-left:260px !important;}.row .offset4:first-child{margin-left:240px !important;}
|
||||
.row .offset5{margin-left:320px !important;}.row .offset5:first-child{margin-left:300px !important;}
|
||||
.row .offset6{margin-left:380px !important;}.row .offset6:first-child{margin-left:360px !important;}
|
||||
.row .offset7{margin-left:440px !important;}.row .offset7:first-child{margin-left:420px !important;}
|
||||
.row .offset8{margin-left:500px !important;}.row .offset8:first-child{margin-left:480px !important;}
|
||||
.row .offset9{margin-left:500px !important;}.row .offset9:first-child{margin-left:480px !important;}
|
||||
.row .offset10{margin-left:620px !important;}.row .offset10:first-child{margin-left:600px !important;}
|
||||
.row .offset11{margin-left:680px !important;}.row .offset11:first-child{margin-left:660px !important;}
|
||||
.row .offset12{margin-left:740px !important;}.row .offset12:first-child{margin-left:720px !important;}
|
||||
.row .span1,.row .span2,.row .span3,.row .span4,.row .span5,.row .span6,.row .span7,.row .span8,.row .span9,.row .span10,.row .span11,.row .span12,.row .span13,.row .span14,.row .span15,.row .span16{float:left;margin-left:20px;*display:inline;}
|
||||
.row .span1{width:40px;}
|
||||
.row .span2{width:100px;}
|
||||
.row .span3{width:160px;}
|
||||
.row .span4{width:220px;}
|
||||
.row .span5{width:280px;}
|
||||
.row .span6{width:340px;}
|
||||
.row .span7{width:400px;}
|
||||
.row .span8{width:460px;}
|
||||
.row .span9{width:520px;}
|
||||
.row .span10{width:580px;}
|
||||
.row .span11{width:640px;}
|
||||
.row .span12{width:700px;}
|
||||
.row .span13{width:760px;}
|
||||
.row .span14{width:820px;}
|
||||
.row .span15{width:880px;}
|
||||
.row .span16{width:940px;}
|
||||
.row .offset1{margin-left:80px;}
|
||||
.row .offset2{margin-left:140px;}
|
||||
.row .offset3{margin-left:200px;}
|
||||
.row .offset4{margin-left:260px;}
|
||||
.row .offset5{margin-left:320px;}
|
||||
.row .offset6{margin-left:380px;}
|
||||
.row .offset7{margin-left:440px;}
|
||||
.row .offset8{margin-left:500px;}
|
||||
.row .offset9{margin-left:500px;}
|
||||
.row .offset10{margin-left:620px;}
|
||||
.row .offset11{margin-left:680px;}
|
||||
.row .offset12{margin-left:740px;}
|
||||
html,body{background-color:#fff;}
|
||||
body{margin:0;font-family:"Helvetica Neue",Helvetica,Arial,sans-serif;font-size:13px;font-weight:normal;line-height:18px;color:#808080;text-rendering:optimizeLegibility;}
|
||||
div.container{width:940px;margin:0 auto;}
|
||||
|
||||
Reference in New Issue
Block a user