我有一个导航栏,里面有3个项目。我有第四个项目,我想沿着酒吧的最左侧对齐。当我在导航栏中添加第四项作为div时,3 li项目向右倾斜。我使用bootstrap来设置导航栏的样式。这里是标记:在导航栏中对齐元素
<nav class="navbar navbar-toggleable-md navbar-inverse">
<ul class="navbar-nav">
<li style="float: left; color: white">
My Text Here
</li>
<li class="nav-item">
<a class="nav-link" routerLink="/item1" routerLinkActive="active">Item1</a>
</li>
<li class="nav-item">
<a class="nav-link" routerLink="/item2" routerLinkActive="active">Item2</a>
</li>
<li class="nav-item">
<a class="nav-link" routerLink="/Item3" routerLinkActive="active">Item3</a>
</li>
</ul>
</nav>
我已经尝试应用sone样式的第四项,但他们没有任何影响。任何指针?
试过'拉left'? –
你可以提供一个问题的小提琴。 –
请问您可以添加Bootstrap和HTML5标签吗? – Sam