为什么上拉类在引导程序版本4.1.0上不起作用? [英] why pull-right class not working on bootstrap version 4.1.0?
问题描述
以前,我们使用的引导程序版本为3+.现在我们使用4.1.0.当我尝试使用pull-right和pull-left对齐时,它不起作用.即使我尝试了右浮动/左浮动也不起作用.(我在图片中提到了图片的显示位置和希望显示的位置)
Previously We used bootstrap version 3+. Now we using 4.1.0. When I try to Align using pull-right and pull-left , its not working. Even I tried with float- right/ float left its not working. (I mentioned in the Image where it displaying and where I want it to be displayed)
此处的代码:
<nav class="navbar navbar-static-top">
<a href="#" class="sidebar-toggle" data-toggle="offcanvas" role="button">
<span class="sr-only">Toggle navigation</span>
</a>
<div class="header_text float-left ">Home</div>
<div class="header_text float-right">Company Name</div>
<div class="navbar-custom-menu ">
<ul class="nav navbar-nav">
<li class="dropdown user user-menu">
<a href="#" class="dropdown-toggle float-right" data-toggle="dropdown"> <img src="./Images/user2-160x160.jpg" class="user-image" alt="User Image"> <span class="hidden-sm">Welcome</span> </a>
<ul class="dropdown-menu">
</ul>
</li>
</ul>
</div>
</nav>
在上面的代码中,我首先尝试使用 pull-right
和 pull-left
我使用 float-left
和 float-right
的几个Google搜索.仍然没有我的预期结果.友善的帮助
In above code, I tried with pull-right
and pull-left
at first, then after
few google search I used float-left
and float-right
.still My expected result not come. kindly help
对于@soheilPs参考
For @soheilPs reference
推荐答案
您可以使用ml-auto和mr-auto
you can use ml-auto and mr-auto
<nav class="navbar navbar-static-top">
<a href="#" class="sidebar-toggle" data-toggle="offcanvas" role="button">
<span class="sr-only">Toggle navigation</span>
</a>
<div class="header_text mr-auto">Home</div>
<div class="header_text ml-auto">Company Name</div>
<div class="navbar-custom-menu ">
<ul class="nav navbar-nav">
<li class="dropdown user user-menu">
<a href="#" class="dropdown-toggle ml-auto" data-toggle="dropdown"> <img src="./Images/user2-160x160.jpg" class="user-image" alt="User Image"> <span class="hidden-sm">Welcome</span> </a>
<ul class="dropdown-menu">
</ul>
</li>
</ul>
</div>
</nav>
这篇关于为什么上拉类在引导程序版本4.1.0上不起作用?的文章就介绍到这了,希望我们推荐的答案对大家有所帮助,也希望大家多多支持IT屋!