ブートストラップグリッドクラスを使用している要素のサイズを微妙に変更する

Question

ブートストラップのグリッドシステムをガイドとして使用するウェブサイトを作成しようとしていますが、それは他のウェブサイトと似ている点や、私の要素が互いに接近しすぎているか、あまりにも離れている場合は、12列のレイアウトの最も基本的な使用法で起こりがちです。

今は、列の数を16または24に変更することができますが、私のプロジェクトの設定は難しく、やりたいことよりも制限が厳しいと思います。完全width: CSSプロパティ、またはブートストラップCSSをオーバーライドするものを使用しない

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

（私が心配され、他の方法でコードが管理不能になるかもしれない）：だから、私はこのようなコードを持っている場合は、思っていました.bean-game divのサイズをのに設定して、col-md-8クラスのブートストラップコードに設定する幅にするために、CSSまたはJavaScriptやJSライブラリで何かできることはありますか？

私が取り組んでいるウェブサイトの場合、col-md-8クラスを持つdivは、その上のdivときれいに整列するように、ほんの少しの幅（たとえば10px程度）他のcol-md-[foo]クラスを持っているにもかかわらず、コンテナdivといくつかのマージンを使ってちょっとした細かいことがあって、通常のグリッドシステムの外にあります。困難なことをしようとしているが、実際にこの特定の問題にアプローチする最善の方法のように感じる。

Answer 1

私はこれを見てきましたが、現在のところ、疑似クラスを追加するには疑似クラス（おそらく::afterですが、私はブートストラップの設定をカスタマイズする必要はありません。（私はCDNのままにしておくことをお勧めします）、JavaScriptとは関係のないスタイリング操作を行うことでフォームと関数の関係を汚すことなくユーザ入力。それはまだ「完璧な」解決策ではありませんが、若干高度なスタイリングを導入する機会として使うことができます。このスタイルは、ページ全体の美しさに役立ちます。

この解決策が私の満足に働くなら、私は自分の答えを受け入れます。