Html 为什么引导允许我使用col-xs-13而不使用col-xs-12？

我有一个章节包含两篇文章，每一篇都被归类为“col-xs-6”。这两件物品在侧面很好地配对，占据了整个宽度。
在此之后，我有一个旁白和一个页脚，每一个都被归类为“col-xs-12”；然而，这些都有点害羞的全宽度。
但当我把它们的类改为“col-xs-13”时，它就变成了全宽度。我知道我可以将所有类更改为“col-s-12”并解决问题，但是如果2篇xs-6文章增加了全幅内容，那么单个xs-12不也应该这样做吗？为什么不呢

正文{
背景：#F0E68C；
文本对齐：左对齐；
}
标题{
背景：绿色；
}
导航{
背景：蓝色；
}
部分{
背景：橙色；
}
文章{
背景：红色；
}
旁白{
背景：黄色；
}
页脚{
背景：橙色；
}
部分{
背景：粉红色；
}

你的菜单

- 

佩伦特式居住者morbi tristique Sentecus et netus et malesuada以turpis egestas闻名

- 

佩伦特式居住者morbi tristique Sentecus et netus et malesuada以turpis egestas闻名

关于部分
不要让你的自由人坐在那里。我的生命是永恒的。莫里斯·普莱斯特拉特·埃利芬德·利奥

版权所有2009您的姓名

Bootstrap

col-*-*

类定义添加

15px

padding left

和

padding right

col-*-13

在标准Bootstrap 3样式表中不存在，因此没有应用列填充，使其看起来更宽，因为

行的左右两侧都有负边距
-15px
，有效地扩展了它所占用的空间

列-*-*
上的这些正填充与
行
类定义的负边距相结合，确保网格正常工作。我会避免移除它们

如果需要使元素看起来更“全宽”，但在标准的
容器中
大小调整。您可以尝试在自定义类中包装元素，并为其提供背景/模式等

从引导文档中：

列通过填充创建檐槽（列内容之间的间隙）。那个
第一列和最后一列的行距通过负数进行偏移
页边空白。行

负边距是以下示例被忽略的原因。真是太好了
网格列中的内容与非网格内容对齐

引导
col-*-*
类定义添加
15px
padding left
和
padding right
col-*-13
在标准Bootstrap 3样式表中不存在，因此没有应用列填充，使其看起来更宽，因为
行的左右两侧都有负边距
-15px
，有效地扩展了它所占用的空间

列-*-*
上的这些正填充与
行
类定义的负边距相结合，确保网格正常工作。我会避免移除它们

如果需要使元素看起来更“全宽”，但在标准的
容器中
大小调整。您可以尝试在自定义类中包装元素，并为其提供背景/模式等

从引导文档中：

列通过填充创建檐槽（列内容之间的间隙）。那个
第一列和最后一列的行距通过负数进行偏移
页边空白。行

负边距是以下示例被忽略的原因。真是太好了
网格列中的内容与非网格内容对齐

但当我把它们的类改为“col-xs-13”时，它就变成了全宽度

这是因为
col-xs-13
class没有在引导css上设置宽度。因此，默认情况下，它采用全宽度，因为您放置的元素是块元素

我知道我可以将所有类更改为“col-s-12”并修复
问题在于，如果2XS-6文章增加了全幅，那么
单xs-12也这样做吗？为什么不呢

这是因为您将
col-xs-12
类与
行
类放在一起。
行
类应该是父类，以便
列-*-*
类工作

因此：

  <aside class="row col-xs-13">
    <h2>About section</h2> 
    <p>Donec eu libero sit amet quam egestas semper. Aenean ultricies mi vitae est. Mauris placerat eleifend leo.</p>
  </aside>
  <footer class="row col-xs-13">
    <p>Copyright 2009 Your name</p>
  </footer>


关于部分
不要让你的自由人坐在那里。我的生命是永恒的。莫里斯·普莱斯特拉特·埃利芬德·利奥

版权所有2009您的姓名


致：


关于部分
不要让你的自由人坐在那里。我的生命是永恒的。莫里斯·普莱斯特拉特·埃利芬德·利奥

版权所有2009您的姓名


但当我把它们的类改为“col-xs-13”时，它就变成了全宽度

这是因为
col-xs-13
class没有在引导css上设置宽度。因此，默认情况下，它采用全宽度，因为您放置的元素是块元素

我知道我可以将所有类更改为“col-s-12”并修复
问题在于，如果2XS-6文章增加了全幅，那么
单xs-12也这样做吗？为什么不呢

这是因为您将
col-xs-12
类与
行
类放在一起。
行
类应该是父类，以便
列-*-*
类工作

因此：

  <aside class="row col-xs-13">
    <h2>About section</h2> 
    <p>Donec eu libero sit amet quam egestas semper. Aenean ultricies mi vitae est. Mauris placerat eleifend leo.</p>
  </aside>
  <footer class="row col-xs-13">
    <p>Copyright 2009 Your name</p>
  </footer>


关于部分
不要让你的自由人坐在那里。我的生命是永恒的。莫里斯·普莱斯特拉特·埃利芬德·利奥

版权所有2009您的姓名


致：


关于部分
不要让你的自由人坐在那里。我的生命是永恒的。莫里斯·普莱斯特拉特·埃利芬德·利奥

版权所有2009您的姓名

我在那里