DIV可用性

兄弟に基づいてDIVの幅を変更私は、同じ行に2つのdivを有します。右のdiv2が削除されたら、左のdiv1を全幅にします。DIV可用性

<div class="row"> 
    <div class="col-sm-6" style="background-color:lavender;">Div1/div> 
    <div class="col-sm-6" style="background-color:lavenderblush;">Div2</div> 
    </div>

私はグリッドとresposivityのためにブートストラップを使用しています。ブートストラップでそれを達成できる方法はありますか？

出典

2017-11-09 jenny

あなたは '削除' とはどういう意味ですか？ユーザーのクリックや何の結果として？ – Arkej

うん。 https://getbootstrap.com/docs/4.0/layout/grid/#equal-width – jenny

あなたはそれが

.row .col-sm-6:first-child:last-child { 
    width:100% 
}

出典

2017-11-09 17:58:22 mcgraphix

あなたがbootstrap4を使用している場合は、最初の子と最後の子の両方で100％としCOL-SM-6の幅を設定し、CSSセレクタを書くことができます列サイズ宣言をスキップして、代わりに行うことができます。

<div class="row"> 
    <div class="col-sm" style="background-color:lavender;">Div1/div> 
    <div class="col-sm" style="background-color:lavenderblush;">Div2</div> 
</div>

出典

2017-11-09 17:58:24 TazTheManiac

をクリックすると、ここでのこれを説明する4ドキュメントをブートストラップするためのリンクですありがとうございました。私はbootstrap4はフレックスシステムとグリッドを組み合わせていると思います。 – Sylvain

@Sylvain：ユーザーはこの答えをバックアップするには – jenny

答えて

関連する問題