Css 将显示/井宽减少到10列

从Bootstrap 3开始-如果这是一个愚蠢的问题，请道歉

问题是我不想将整个窗口宽度用于此特定窗体。它总是在桌面上填写，但并没有足够的信息来填写12列，而且如果井覆盖了所有12列，看起来也不太好

我有一个包含两列文本框的布局，如下所示（工作小提琴）：

左栏是一个

col-md-6

，其中包含宽度为

col-md-12

的行，右栏相同

这看起来不错，但文本框太宽，左右文本框之间的间距也不太合适。因此，我将外层行更改为10列，而不是12列（通过将

col-md-6

更改为

col-md-5

）。文本框现在看起来不错，但是右边有一个很大的空白。Bootstrap在右侧生成2个空列，使10个列返回到12个

---

我有没有办法把右边的两根柱子剪掉，这样井就在第二根柱子后面结束了？我试过

.container

和

.container fluid

。谢谢

您可以将

偏移量

作为

容器

类的一部分，并更改为

col-xs-10

。这将使所有页面内容适合10列

<div class="container col-xs-offset-1 col-xs-10">

如果你想在所有页面上都使用CSS（第二种方法）是首选。如果只是一两页，那么首选第一种方法

/

---

（你的问题中也有一个输入错误，上面写着

，应该写着

）。

很有用-谢谢。我将

xs

更改为

md

以匹配其余部分，并且它看起来是相同的。当然，

md

只会使此更改适用于

md

和更大的屏幕。它也可以工作，只需注意站点在

xs

和

sm

屏幕上的宽度为12。

<div class="container col-xs-offset-1 col-xs-10">

.container {
  margin-left: 8.3333%; //the same margin as added by col-xs-offset-1
  width: 83.3333%; //the same width as added by col-xs-10
}