0
我目前正在使用元素进行构造,如果twitter bootsrap 3.0在一个没有中断的情况下显示。当我使一个包装器浮动时会发生什么,因为输入元素被切断。Make Bootstrap 3.0输入组显示内联
<form id="commentform" method="post" action="http://devsite.localhost/wp-comments-post.php" name="commentform">
<span class="comment-form-author"><label class="obscure" for="author">Name</label><span class="input-group span2"><input type="text" placeholder="Name *" aria-required="true" tabindex="1" size="30" value="" name="author" id="author" /></span></span> <span class="comment-form-email"><label class="obscure" for="author">Email</label><span class="input-group span3"><input type="text" placeholder="Email *" aria-required="true" tabindex="2" size="30" value="" name="email" id="email" /></span></span> <span class="comment-form-url"><label class="obscure" for="url">Website</label><span class="input-group span3"><input type="text" placeholder="Website" tabindex="3" size="30" value="" name="url" class="input-medium" id="url" /></span></span>
<div class="comment-form-comment">
<textarea placeholder="Comment" aria-required="true" tabindex="4" rows="8" cols="45" name="comment" id="comment">
</textarea>
</div>
<!-- #form-section-comment .form-section -->
<p class="form-submit"><input type="submit" value="Post Comment" id="submit" name="submit" /> <input type="hidden" id="comment_post_ID" value="14" name="comment_post_ID" /> <input type="hidden" value="0" id="comment_parent" name="comment_parent" /></p>
</form>
CSS
@import url('http://my-hardware.net/bs/bootstrap.css');
/* hiding content but not from screen readers, used in comments form */
.obscure {
position: absolute !important;
clip: rect(1px 1px 1px 1px); /* IE6, IE7 */
clip: rect(1px, 1px, 1px, 1px);
}
.comment-form-email{
display: block;
float: left;
}
有关说明目的我只是说我试图将3个imputs我要排队的一个。
有没有人有一个想法如何使这项工作?
我想,也许这是自举3.0中的问题(在glyphicons不均匀),在[官方网站](HTTP://twitter.github .com/bootstrap/index.html)它仍然是2.2.2版本,并使用它的工作很好,像这样[示例](http://jsfiddle.net/BTAaU/10/) –
@Lucas Lazaro你不得到它!我想在同一行**中并排输入字段**。事情已经改变了3.0是的,但没有任何问题,我不想重新创建示例男人!我想在彼此之后展示他们!我用2.2.2和你**不用**在你的例子中。下次阅读并观看CSS!而字形图标不是只显示BC它们根本就不在那里(在路径中) –
使用JSFiddle的整洁似乎揭示了一些HTML问题。我会先验证你的代码。 – isherwood