Html 文本中心和文本右键在引导中不起作用
我希望页面上的一些元素与中间和右边对齐,但引导类“text right”和“text center”似乎不起作用,即使“text left”起作用 谢谢Html 文本中心和文本右键在引导中不起作用,html,css,twitter-bootstrap,Html,Css,Twitter Bootstrap,我希望页面上的一些元素与中间和右边对齐,但引导类“text right”和“text center”似乎不起作用,即使“text left”起作用 谢谢 <div class="container-fluid"> <div class="row text-center" id="header"> <div class="col-xs-12"> <div class="container" style="pa
<div class="container-fluid">
<div class="row text-center" id="header">
<div class="col-xs-12">
<div class="container" style="padding-left:30px; padding-right:30px;">
<div class="col-xs-2 text-left" id="mainLogo">
<a href="/"><img src="/stylesheet/main_logo.png" ></a>
</div>
<div class="col-xs-6 text-right">
<ul class="nav nav-pills">
<li role="presentation" class="dropdown">
<a class="dropdown-toggle" data-toggle="dropdown" href="#" role="button" aria-expanded="false">
<span class="glyphicon glyphicon-user"></span> Account <span class="caret"></span>
</a>
<ul class="dropdown-menu" role="menu">
<li id="ctl00">
<a href="/account/">Your Account</a>
</li>
<li id="user">
<a href="/profile/">Profile</a>
</li>
<li id="panel">
<a href="/shop/reviewbasket/">Basket</a>
</li>
</ul>
</li>
</ul>
</div>
<div class="col-xs-4 text-right">
<div id="search">
</div>
</div>
</div>
</div>
</div>
</div>
-
-
-
-
文本右键
仅适用于内联元素。UL是一个块元素,因此您可以像这样使用pull right
<div class="col-xs-6">
<ul class="nav nav-pills pull-right">
...
...
对于使用Bootstrap 5的用户,请注意文本左侧
和文本右侧
类已被删除。现在,您可以使用文本开始
和文本结束
您应该能够使用浏览器的开发人员控制台(“检查器”)查看正在应用的样式规则,以及分解发生的位置<代码>文本右侧和文本中心
确实有效,但可能不会达到如此高的级别。您可能需要将它放在导航中的每个a
上。如果您认为它工作正常,请参阅此小提琴“hello is in center”“Saved my day”,Thandk我现在遇到的问题是,文本开始给我右对齐,而文本结束给我左对齐。@LiterateCervette请提出一个新问题并创建一个测试用例。