目前我有一个带有一些段落文本的jumbotron设置，我想在文本中插入一个按钮下拉列表。
下拉按钮
<span class="btn-group">
<button type="button" class="btn btn-default dropdown-toggle" data-toggle="dropdown">
Button... <span class="caret"></span>
</button>
<ul class="dropdown-menu" role="menu">
<li><a href="#">Opt 1</a></li>
<li><a href="#">Opt 2</a></li>
</ul>
</span>
超大屏幕
<div class="jumbotron">
<h1>Hello!</h1>
<p>Welcome</p>
<p>Another paragraph
<!-- dropdown is here -->
</p>
</div> <!-- jumbotron -->
如果下拉列表在<p>标记内，则不会“下拉”（但会呈现）。如果它在<p>标记之外，它可以正常运行，但我希望它与文本内联，并且需要将文本放在<p>标记中才能获得样式。有什么想法吗？
需要注意的事项 - 如果我将<span>代码替换为<div>代码，它会在<p>代码中正常运行，但不会内联。
解决方案
在class="pull-left"标记上添加<p>以使其内联（来自Esotericist的回答）
<div class="jumbotron">
<h1>Hello!</h1>
<p>Welcome</p>
<p class="pull-left">Another paragraph</p>
<!-- dropdown is here -->
</div> <!-- jumbotron -->