2つの列がブートストラップを形成します4

Question

私はブートストラップとはあまりよくありませんので手を貸してください。私は2つの2つの列に分割されたブートストラップで設計されたページを持っていたい。サイズ 'col-md-4'の最初の列にはテキスト情報が含まれ、実際のフォームを含むには 'col-md-8'サイズの2番目の列が含まれている必要があります。

私は何かしようとしましたが動作しません。あなたは<div class="row"> と<div class="col-md-*">あなたはjsfiddleを提供する場合、外部ressourcesを追加することを忘れないでください、あなたをラップする必要が

<section> 
<div class="col-md-4 form-group"> 
<h3>EVENT INFORMATION</h3> 
    <small>Add some information about this section</small> 
</div> 
<div class="col-md-8 form-group"> 
    <label for="formGroupExampleInput">Example label</label> 
    <input type="text" class="form-control" id="formGroupExampleInput" placeholder="Example input"> 
    <label for="formGroupExampleInput2">Another label</label> 
    <input type="text" class="form-control" id="formGroupExampleInput2" placeholder="Another input"> 
    </div> 
</section> 

https://jsfiddle.net/62s24kmp/

Answer 1

。ここで

JSFIDDLE