两列形成引导程序 4答案

【问题标题】：Two columns form bootstrap 4两列形成引导程序 4
【发布时间】：2023-03-25 06:42:01
【问题描述】：

我不太擅长引导程序，所以请帮帮我。我想要一个用引导程序设计的页面分为两列。大小为“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/

【问题讨论】：

究竟是什么不工作？您的 jsfiddle 示例没有执行任何操作，因为您没有链接引导 CSS（外部链接部分为空）
Bootply 自动包含 Bootstrap：bootply.com/BxpZIgyWOI

标签： twitter-bootstrap bootstrap-4

【解决方案1】：

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

这里是JSFIDDLE

【讨论】：