我想在我的基于导航栏的Bootstrap上混合使用container
和container-fluid
。下面你可以看到我的导航栏的图片。有一个链接“返回”,我想要在我的品牌的右侧(仅在使用最大为md尺寸的设备时)。容器和容器流体的Bootstrap导航栏组合
我想它是这样的:
这里来我的代码(不必要的除外)。
<nav class="navbar navbar-default navbar-fixed-top" role="navigation">
<div class="container-fluid">
<ul class="nav navbar-nav">
<li><a href="#">< Return back</a></li>
</ul>
</div>
<div class="container">
<div class="navbar-header">
<button type="button" class="navbar-toggle" data-toggle="collapse"
data-target="#navbar-collapse-1">
<span class="sr-only">Toggle navigation</span>
<span class="icon-bar"></span>
<span class="icon-bar"></span>
<span class="icon-bar"></span>
</button>
<a class="navbar-brand" href="home">MY WEBSITE</a>
</div>
...
</div>
</nav>
这怎么可能?提前致谢。
你希望它的品牌和主菜单之间? –
@mohamadfaramarzi,我编辑了这个问题并添加了一个示例图片。 – lingo
好吧,我编辑了我的答案,再次检查 –