0

问题

使用 twitter bootstrap 2.3.2 可以在下面看到一个问题。

HTML：

<body>
    <div class="container">
        <input class="span5" type="text" id="1" />  
        <span class="span3">...</span>
        <input class="span4" type="text" id="2" />
    </div>
</body>

对我来说，这应该是一个输入文本框，然后......然后是另一个输入文本框......但是，使用引导程序它会产生...一个输入，然后是另一个输入。

例子

错误示例： jsFiddle

预期结果： jsFiddle

4

2 回答 2

0

您在输入和省略号元素上使用的跨度类是块元素，并与 Bootstraps 网格系统一起用于布局您的内容。

见： http: //getbootstrap.com/css/#grid

于 2013-11-06T19:48:19.007 回答
0

解决方案

float:left由于跨度自动添加此浮动，添加样式解决了奇怪的问题。

HTML

<body>
    <div class="container">
        <input style="float:left;" class="span5" type="text" id="1" />  
        <span class="span3">...</span>
        <input style="float:left;" class="span4" type="text" id="2" />
    </div>
</body>

演示： jsFiddle

于 2013-11-06T20:01:07.250 回答