Twitter bootstrap 两列组成引导4

我不太擅长引导，所以请帮我一把。我想有一个页面设计与引导分成两列。大小为“col-md-4”的第一列应包含一些文本信息，大小为“col-md-8”的第二列应包含实际表单

我试过一些东西，但不起作用

<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>

事件信息
添加有关此部分的一些信息
示例标签
另一个标签

---

您必须用

包装您的

在提供JSFIDLE时，不要忘记添加外部资源

这是

---

到底是什么不起作用？您的JSFIDLE示例没有做任何事情，因为您没有链接引导CSS（外部链接部分为空）引导层自动包含引导：