两列形成bootstrap 4

Question

我对bootstrap不太好，所以请帮我一把。我想要一个设计有bootstrap的页面，分为两列。第一列大小'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>

https://jsfiddle.net/62s24kmp/

Answer 1

你必须用<div class="col-md-*">包裹你的<div class="row"> 当你提供一个jsfiddle时，不要忘记添加外部资源。

这里是JSFIDDLE