html – text-center和text-right在bootstrap中不起作用

html – text-center和text-right在bootstrap中不起作用,第1张

概述我希望我的页面上的一些元素与中心和右边对齐,但引导类“text-right”和“text-center”似乎不起作用,即使“text-left”也可以. 谢谢. <div class="container-fluid"> <div class="row text-center" id="header"> <div class="col-xs-12"> 我希望我的页面上的一些元素与中心和右边对齐,但引导类“text-right”和“text-center”似乎不起作用,即使“text-left”也可以.

谢谢.

<div >    <div  ID="header">        <div >            <div  >                <div  ID="mainlogo">                    <a href="/"><img src="/stylesheet/main_logo.png" ></a>                </div>                <div >                    <ul >                        <li role="presentation" >                            <a  data-toggle="dropdown" href="#" role="button" aria-expanded="false">                                <span ></span> Account <span ></span>                            </a>                            <ul  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 >                    <div ID="search">                 </div>                     </div>                </div>            </div>        </div>    </div>
解决方法 text-right仅适用于内联元素. ul是一个块元素,所以你可以像这样使用pull-right ..

<div >     <ul >          ...
总结

以上是内存溢出为你收集整理的html – text-center和text-right在bootstrap中不起作用全部内容,希望文章能够帮你解决html – text-center和text-right在bootstrap中不起作用所遇到的程序开发问题。

如果觉得内存溢出网站内容还不错,欢迎将内存溢出网站推荐给程序员好友。

欢迎分享,转载请注明来源:内存溢出

原文地址:https://54852.com/web/1080557.html

(0)
打赏 微信扫一扫微信扫一扫 支付宝扫一扫支付宝扫一扫
上一篇 2022-05-27
下一篇2022-05-27

发表评论

登录后才能评论

评论列表(0条)

    保存