Html 文本中心和文本右键在引导中不起作用

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

我希望页面上的一些元素与中间和右边对齐,但引导类“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="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请提出一个新问题并创建一个测试用例。