2つの列をカバーまたはオーバーラップさせたい。
左側に1つ(6列)、右側に1つ(6列)あります。
私の結果は次のようになります:左側(8)と右側(6)-2列でオーバーラップします。
オフセット/プッシュ/プルプロパティについてBootstrapのドキュメントを調べましたが、適切な結果が得られませんでした。
これがjsfiddleです。
小さい方のdivに負のマージン左を追加してみてください。(オーバーラップが表示されるようにパネルクラスを追加しました)。例のために、スタイル属性にcssを追加しました。
<div class="col-lg-6">
<div class="col-lg-8 panel">this is the left div</div>
<div class="col-lg-6 panel" style="margin-left: -16.7%;z-index:-1"> this is the right div</div>
</div>
この記事はインターネットから収集されたものであり、転載の際にはソースを示してください。
侵害の場合は、連絡してください[email protected]
コメントを追加