Bootstrap 3：Div 不像以前那样工作答案

【问题标题】：Bootstrap 3: Div does not work as beforeBootstrap 3：Div 不像以前那样工作
【发布时间】：2013-08-13 16:26:40
【问题描述】：

我的表单中有section divs。并且每个部分可以有多个字段。它适用于 Bootstrap 2.3 css。当我用 Bootstrap 3.0 css 替换它时，所有字段都来自 div 部分。我尝试检查元素，但找不到任何区别。
CSS

.section {
    position: relative;
    margin: 15px 0;
    padding: 39px 19px 14px;
    background-color: #fff;
    border: 1px solid #649300;
    -webkit-border-radius: 4px;
    -moz-border-radius: 4px;
    border-radius: 4px;

}

HTML

<div class="section" name="amount">
        <span class="section-title">Amount Information</span>
          <div class="span6 form-inline">
                <label class="pocLabel">

                Amount Of</label>
                <input type="text" name="amount" required="">
          </div>
          <div class="span6 form-inline">
                <label class="pocLabel">
                Customer First Name</label>
                <input type="text" name="firstName" required="">
          </div>
          <div class="span6 form-inline">
                <label class="pocLabel">

                Customer Last Name</label>
                <input type="text" name="lastName" required="">
          </div>
          <div class="span6 form-inline">
                <label class="pocLabel">

                Middle intials</label>
                <input type="text" name="middleIntials" required="">
          </div>
          <div class="span6 form-inline">
                <label class="pocLabel">

                Date</label>
                <input type="text" id="datepicker" class="datepicker" name="date">
          </div>
          <div class="span6 form-inline">
                <label class="pocLabel">
                Street Address</label>
                <input type="text" name="address">
          </div>
          <div class="span6 form-inline">
                <label class="pocLabel">
                City</label>
                <input type="text" name="city">
          </div>
          <div class="span6 form-inline">
                <label class="pocLabel">
                State</label>
                <input type="text" name="state">
          </div>

          <div class="span6 form-inline">
                <label class="pocLabel">
                State 2</label>
                <input type="text" name="state">
          </div>

      </div>

【问题讨论】：

标签： html css twitter-bootstrap twitter-bootstrap-3

【解决方案1】：

Bootstrap 3 已废弃 spanX 类。将那些替换为col-lg-X 类。

见this migration guide from v2.x to v3 of Bootstrap。

【讨论】：

【解决方案2】：

尝试关闭您的输入标签，让它们打开可能会导致问题。

示例： <input type="text" name="state"></input>

或者： <input type="text" name="state" />

【讨论】：