巧妙地调整使用Bootstrap网格类的元素

Question

我正在尝试建立一个使用bootstrap的网格系统作为指南的网站，但不是由它来控制，以至于看起来与其他网站太相似，并且让我的所有元素彼此太靠近，或者相距太远，这往往与12列布局的最基本用法相关。

现在，我知道我可以将列数更改为16或24但是我的项目设置方式很难，而且仍然比我想要的更严格。所以我想知道，如果我有类似的代码：

<div class="bean-game col-md-8">
  <h2>Bean Curd Mixing Area</h2>
</div>

不使用width: CSS属性，或完全覆盖Bootstrap CSS的任何东西（我担心的可能会使代码在其他方面无法管理），我可以用CSS做什么，或者甚至可以用如果需要JavaScript或JS库，使.bean-game div resize relative 到col-md-8类的Bootstrap代码中设置的宽度？

对于我正在处理的网站，我希望带有col-md-8类的div只是宽一点（比如10px左右），以便与div整齐对齐在它之上，尽管承载了另一个col-md-[foo]类，但是在通常的网格系统之外，由于一些带有容器div和一些边距的小诡计，这给了我一个间隔效果，我之后......

我意识到这可能是一件难以尝试的事情，但它确实是解决这一特定问题的最佳方式。

Answer 1

我已经对此进行了调查，对我来说似乎最好的解决方案是使用伪类（可能是 <Query> <DataSourceName>MyDataSource</DataSourceName> <CommandType>StoredProcedure</CommandType> <CommandText>usp_QueryCustomers</CommandText> <QueryParameters> <QueryParameter Name="@CustomerId"> <Value>=Parameters!PersSysId.Value</Value> </QueryParameter> <QueryParameter Name="@RowsCnt"> <Value>=Parameters!RowsCnt.Value</Value> </QueryParameter> </QueryParameters> </Query> ，尽管我还没有充分利用它们。 ..）添加伪填充，因此动态地绕过Bootstrap限制，而不必自定义我的整个Bootstrap设置（我更喜欢留在CDN上），而不必通过拥有形式和功能之间的关系来弄脏我的JavaScript执行与用户输入无关的样式操作。它仍然不是一个完美的＆＃39;解决方案，但我可以用它作为一个机会来介绍一些稍微更高级的样式，这将有利于整体页面审美。

如果这个解决方案令我满意，我会接受我自己的答案。