Css 引导网格，删除第四列

我正在创建一个四列网格，其中最大宽度为960px。我进行了定制下载，并将

@container-large-desktop

设置为

（950px+@grid-ground-width）

和

@grid-ground-width

设置为

10px

。这就是我想做的：

我的问题是，它正在删除第四列。我一直想弄清楚，但我被卡住了。我做错了什么？另外，我只使用网格。我把剩下的都扔掉了

这是我的密码笔：

---

谢谢。

您需要从.col-md-3中移除填充物

#tv-player .col-md-3 {
    padding-left: 0;
    padding-right: 0;
}

并将其添加到缩略图中：

.thumbnail {
    padding-left: 5px;
    padding-right: 5px;
    display: block;
    margin-bottom: 20px;
}

---

您需要从.col-md-3中删除填充

#tv-player .col-md-3 {
    padding-left: 0;
    padding-right: 0;
}

并将其添加到缩略图中：

.thumbnail {
    padding-left: 5px;
    padding-right: 5px;
    display: block;
    margin-bottom: 20px;
}

---

将以下内容添加到CSS作品中：

* {
  box-sizing: border-box;
}

问题是（例如）

.col-md-3

类的宽度设置为25%，因此4*25=100。但也有5倍左右的填充，所以（4*25%）+（4*10px）=大于100%

将框大小添加到所有元素会使这样的事情变得更容易。这基本上意味着填充是从宽度中提取的

注: 在现实世界中，您可能希望这样做：

*, *:before, *:after {
  -webkit-box-sizing: border-box; 
  -moz-box-sizing: border-box; 
  box-sizing: border-box;
}

---

请参阅：

将以下内容添加到CSS作品中：

* {
  box-sizing: border-box;
}

问题是（例如）

.col-md-3

类的宽度设置为25%，因此4*25=100。但也有5倍左右的填充，所以（4*25%）+（4*10px）=大于100%

将框大小添加到所有元素会使这样的事情变得更容易。这基本上意味着填充是从宽度中提取的

注: 在现实世界中，您可能希望这样做：

*, *:before, *:after {
  -webkit-box-sizing: border-box; 
  -moz-box-sizing: border-box; 
  box-sizing: border-box;
}

---

请参阅：

下载全新的引导CSS。它似乎对我有用。

下载全新的引导CSS。这似乎对我有用。

为什么不调整：

.col-md-3{width:23.8%；}

为什么不调整：

.col-md-3{width:23.8%；}