Twitter bootstrap 3 创建自定义网格系统宽度定义的列宽

bootstrap 3网格系统针对4种不同的屏幕分辨率，具体取决于其宽度：

• 大/柱长（>=1200px宽）
• 中/柱md（992px-1199px）
• 小型/单列sm（768px-991px）
• 超小/列xs（=1600px宽度）
• 大型（1200像素-1599像素）
• 中小型（600-1199px）

---

• MobileSmall（您可以使用官方网站的定制部分定制引导的几乎每个方面
  该链接直接将您带到网格系统项

  ---

  输入您的值，并下载自定义版本的引导。甚至包括一个JSON文件和您的设置，以便您以后可以重新导入并进行调整。
  这是为使用SCS并喜欢使用引导混合和变量创建自己的网格系统的Bootstrap 4用户准备的

  @import '../../../bower_components/bootstrap/scss/variables';
  @import '../../../bower_components/bootstrap/scss/mixins';
  
  // Create custom variables to supply it for bootstrap's mixins
  $grid-gutter-width-10: 10px;
  $grid-gutter-widths-10: (
    xs: $grid-gutter-width-10,
    sm: $grid-gutter-width-10,
    md: $grid-gutter-width-10,
    lg: $grid-gutter-width-10,
    xl: $grid-gutter-width-10
  );
  
  .row-xs {
    @include make-row($gutters: $grid-gutter-widths-10);
    @include make-grid-columns($columns: $grid-columns, $gutters: $grid-gutter-widths-10, $breakpoints: $grid-breakpoints)
  }