我已经尝试了所有示例代码,但由于某种原因,我无法执行以下操作:
+-------------------------------------------------------------------------------+
| | Login [ search ] |
| SITE LOGO |---------------------------------------------------------------+
| | Page 1 | Page 2 | Page 3 | Page 4 |
+-------------------------------------------------------------------------------+
最佳答案
这是可能的,但我认为你真的在插入 TBS 的极限/目的。使用您自己的标记可以大大简化在 TBS 中进行这项工作所需的 DIV 汤。
更新:有关我使用 Twitter Bootstrap 3 制作的此解决方案的复制情况,请参见下文。最初的问题和答案是针对 Bootstrap 2 的。
Fiddle Example
<div class="container">
<div class="navbar">
<div class="navbar-inner">
<img src="http://placehold.it/70x70" class="span1" style="position:relative;top:10px">
<div class="span10">
<div class="row">
<div class="span2 offset5" style="text-align:right">
<div class="navbar-text">
<p><a href="#">Login</a></p>
</div>
</div>
<div class="span2 offset1">
<div class="pull-right">
<form class="navbar-form">
<div class="input-append">
<input class="span2" id="appendedInputButtons" type="text">
<button class="btn" type="button">Search</button>
</div>
</form>
</div>
</div>
</div>
<div class="row">
<div class="span10">
<ul class="nav pull-right">
<li><a href="#">Page 1</a></li>
<li class="divider-vertical"></li>
<li><a href="#">Page 2</a></li>
<li class="divider-vertical"></li>
<li><a href="#">Page 3</a></li>
<li class="divider-vertical"></li>
<li><a href="#">Page 4</a></li>
</ul>
</div>
</div>
</div>
</div>
</div>
</div>
https://stackoverflow.com/questions/13372092/