在bootstrap中更改col-xs- *上的边距

Question

如何更改col-xs-*或上边距

的边距

Answer 1

列边距/装订线不是使用边距构建的，而是使用填充。

使用sass / less版本的Bootstrap时，可以在常规variables.less文件中更改它。 不使用less版本时，可以使用此功能（在5px上设置装订线）：

@media screen and (max-width: 480px) {
    .col-xs-1, .col-xs-10, .col-xs-11, .col-xs-12, .col-xs-2, .col-xs-3, .col-xs-4, .col-xs-5, .col-xs-6, .col-xs-7, .col-xs-8, .col-xs-9 {
    padding-left: 5px;
    padding-right: 5px;
    }
}

Answer 2

否则你也可以在第一个col之前使用offset。

例如：

＆＃13;

＆＃13;

<div class="container">
  <div class="row">
    <div class="col-sm-offset-1 col-sm-4">
    </div>
  </div>
</div>

＆＃13;

＆＃13;

＆＃13;