我正在尝试创建一个导航栏,左侧有一个按钮,两个图标,然后是最右侧的按钮。
我可以通过我找到的一些示例来实现它,但我不希望任何按钮在小屏幕上折叠。
让我想知道我是否真的需要使用导航栏,但这是我在 alpha-6 中工作的代码,在 beta-2 中按钮不会向右伸展,我该如何实现?
<nav class="navbar navbar-default fixed-top">
<div class="row">
<div class="col">
<div class="navbar-brand">
<button type="button" class="btn btn-primary">
<i class="fa fa-reorder"></i>
</button>
<img [src]="source/path" height="25px" /><img [src]="source/path" height="25px" />
</div>
</div>
<div class="col col-auto text-right">
<span class="logged-in-user">username</span>
<button class="btn btn-secondary">
<i class="fa fa-wechat"></i>
</button>
<button class="btn btn-secondary">
<i class="fa fa-address-book"></i>
</button>
<button class="btn btn-secondary">
<i class="fa fa-anchor"></i>
</button>
</div>
</div>
</nav>
使行的宽度为 100%,并将 ml-auto 添加到第二列(而不是 text-right):
本文收集自互联网,转载请注明来源。
如有侵权,请联系[email protected] 删除。
我来说两句