我使用twitter bootstrap。
我试图创建一个带有下拉列表，应该显示在文本后面的按钮。
按钮和一切都创建，但它出现在下一行，而不是与我的texte在同一行。
这或多或少是代码：
<h1> Some title
<div class="btn-group" xmlns="http://www.w3.org/1999/html">
<button class="btn btn-mini">Edit</button>
<button class="btn btn-mini dropdown-toggle data-toggle="dropdown">
<span class="caret"></span>
</button>
<ul class="dropdown-menu">
<li> ...my menu's...</li>
</ul>
</div>
</h1>
h1标签未分配特殊定位。我试图添加一个float：left到h1标签，但它不工作，因为有一个明确：在btn组的CSS。
怎么了？谢谢！
更新：
解决方法
我真的不知道你是如何得到这个标记，但这里是一个工作版本：(
demo on jsfiddle)
<h1> Some title
<small>
<span class="btn-group">
<button class="btn btn-mini">Edit</button>
<button class="btn btn-mini dropdown-toggle" data-toggle="dropdown">
<span class="caret"></span>
</button>
<ul class="dropdown-menu">
<li><a href="#">...my menus...</a></li>
</ul>
</span>
</small>
</h1>
h1 .btn-group { display: inline-block; }
我只建议你使用< small>标记，因为它设置了一些来自< h1>的不同样式。但是这不是必需的工作。
