如何自动将字段旁边的用户CSS bootstrap v3.2.0放置

Question

我在我的应用程序中创建了一个未来，允许我在页面上创建动态字段。我需要做的是每次都以相同的方式显示那些字段。

我希望能够在彼此旁边显示最多2个字段＆＃34;如果有的话＃34; 我附上了我需要最终显示的截图

从字段下面的图像＆＃34;不再是员工＆＃34;是一个标签，在它的右边，在这种情况下有一个值＆＃34; NULL。＆＃34;在它的最右边还有另一个叫做＃34;外部销售主要联系人＆＃34;值为＆＃34; NULL。＆＃34;

所以我想将字段显示为2列，如果有足够的字段，则将其中一个放在左侧，而不是右侧。

不是我不需要如何生成该字段的帮助。我需要帮助CSS和bootstrap如何显示彼此相邻的列。

Answer 1

我可能需要更多详细信息来澄清您的问题，但我为您制作了一个我认为您正在寻找的演示码。

DEMO - http://codepen.io/BooststrapBay/pen/DGzIu

<div class="container">
  <div class="row">
    <div class="col-md-6 example-form">
      <ul>
        <li>
          <span>No longer an employee</span>
          <input class="form-control" type="text">
        </li>
        <li>
          <span>Support level</span>
          <input class="form-control" type="text">
        </li>
        <li>
          <span>Previous role</span>
          <input class="form-control" type="text">
        </li>
        <li>
          <span>Attitude</span>
          <input class="form-control" type="text">
        </li>
        <li>
          <span>Attitude detail</span>
          <input class="form-control" type="text">
        </li>
      </ul>
    </div>
    <div class="col-md-6 example-form">
      <ul>
        <li>
          <span>Outside sales primary contact</span>
          <input class="form-control" type="text">
        </li>
        <li>
          <span>Training primary contact</span>
          <input class="form-control" type="text">
        </li>
        <li>
          <span>Primary enrollment contact</span>
          <input class="form-control" type="text">
        </li>
        <li>
          <span>Birth month</span>
          <input class="form-control" type="text">
        </li>
        <li>
          <span>Birth day</span>
          <input class="form-control" type="text">
        </li>
      </ul>
    </div>
  </div>
</div>