ブートストラップカラムcol-6表示ブロック

Question

例を実行するためには、どのように正しく実行する必要があるのでしょうか？ | col-lg-6コンタクトフォーム| | col-lg-6リスト項目| | | | col-lg-6リスト項目| |連絡フォームの最後|

この例を説明すると、3つのリストアイテムの高さ（固定サイズに固執しないでください）を置いておきたいと思います。私が理解していない主なことは、フォームを適切に配置する方法です。 COL-6 LGの残りの部分はインライン行くだろうし、お問い合わせフォームがどのようにいくつかを破ったことになるので、

<div class="col-lg-6 list-item"></div> <div class="col-lg-6 contact-form"></div> 
<div class="col-lg-6 list-item"></div> 
<div class="col-lg-6 list-item"></div> 

しかし、それだけでは動作しません：

enter image description here

私が考えていました。あなたがやりたいだろう何

Answer 1

列は、例えば、

<div class="col-lg-12"> 
    <div class="col-lg-6"> 
     <div class="col-lg-12 list-item"></div> 
     <div class="col-lg-12 list-item"></div> 
     <div class="col-lg-12 list-item"></div> 
    </div> 
    <div class="col-lg-6 contact-form"></div> 
</div> 

がこれを行うの巣であるcontact-form div要素の内容はそのlist items