css - col-md-3 或 col-md-4 中的 Bootstrap3 300x250 横幅

Question

我们使用具有基本两列布局的 bootstrap3。左列的类是 col-md-9，右列也是 col-md-3。

但是，当我们想在右栏中放置横幅时会遇到问题。

对于一个普通的广告横幅(300x250px)，col-md-3是小(width is 261px)和 col-md-4 很大 (359px)

我们如何通过保留 bootstrap 的所有响应功能将 col-md-3 固定为 300px？

有什么通用的方法可以做到这一点吗？

Answer 1

在您的情况下，最好将默认的 12 列网格更改为 16 列(或其他列)

尝试更改以下变量:

// Number of columns in the grid system
@grid-columns:              12;
// Padding, to be divided by two and applied to the left and right of all columns
@grid-gutter-width:         30px;

例如:
右 - 5 列
左 - 9 列