Boostrap网格系统

时间:2016-08-12 19:51:03

标签: twitter-bootstrap-3

编辑Bootstrap网格间距无法正常工作。

2 个答案:

答案 0 :(得分:1)

<div class="row">
   <div style="padding-right:15px" class="col-lg-4"></div>
   <div style="padding-right:15px" class="col-lg-4"></div>
   <div class="col-lg-4"></div>
 </div>

答案 1 :(得分:1)

您可以在bootstrap less文件中编辑这些空格并重新编译它。在变量中没有。没有 // ==网格系统 // // ##定义自定义响应网格。 // **网格中的列数。 @ grid-columns:12; // **列之间的填充。左右分为两半。 @ grid-gutter-width:30px; 在css中制作: .col-xs-1,.col-sm-1,.col-md-1,.col-lg-1, .col-xs-2,.col-sm-2,.col-md-2,.col-lg-2, .col-xs-3,.col-sm-3,.col-md-3,.col-lg-3, .col-xs-4,.col-sm-4,.col-md-4,.col-lg-4, .col-xs-5,.col-sm-5,.col-md-5,.col-lg-5, .col-xs-6,.col-sm-6,.col-md-6,.col-lg-6, .col-xs-7,.col-sm-7,.col-md-7,.col-lg-7, .col-xs-8,.col-sm-8,.col-md-8,.col-lg-8, .col-xs-9,.col-sm-9,.col-md-9,.col-lg-9, .col-xs-10,.col-sm-10,.col-md-10,.col-lg-10, .col-xs-11,.col-sm-11,.col-md-11,.col-lg-11, .col-xs-12,.col-sm-12,.col-md-12,.col-lg-12 {     位置:相对;     最小高度:1px;     padding-left:15px;     padding-right:15px; }