Html 对齐<；span>；两者之间<；输入>；元素问题_Html_Css_Twitter Bootstrap

Html 对齐<；span>；两者之间<；输入>；元素问题

html css twitter-bootstrap

Html 对齐<；span>；两者之间<；输入>；元素问题,html,css,twitter-bootstrap,Html,Css,Twitter Bootstrap,使用TwitterBootstrap2.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" /

使用TwitterBootstrap2.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>

...

对我来说，这应该是一个输入文本框，然后。。。然后是另一个输入文本框…然而，通过引导，它会生成

…

然后是一个输入，然后是另一个输入

例子 错误示例：

预期结果：

输入和省略号元素上使用的span类是块元素，与引导网格系统一起用于布局内容

请参阅：

解决方案添加样式

float:left

解决了由于span auto添加此float而导致的奇怪问题

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>

...

演示：

我正在使用网格系统@Galenna。示例显示了它正在做什么以及我希望它做什么，请解释您还需要什么。我只希望元素的顺序是bootstrap2.3.2输入，span，input