Ich möchte, dass einige Elemente auf meiner Seite zentriert und rechts ausgerichtet werden, aber die Bootstrap-Klassen „text-right“ und „text-center“ scheinen nicht zu funktionieren, obwohl „text-left“ dies tut.
Danke.
<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="https://stackoverflow.com/"><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="http://stackoverflow.com/account/">Your Account</a>
</li>
<li id="user">
<a href="http://stackoverflow.com/profile/">Profile</a>
</li>
<li id="panel">
<a href="http://stackoverflow.com/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>
Sie sollten in der Lage sein, die Entwicklerkonsole Ihres Browsers (den „Inspektor“) zu verwenden, um zu sehen, welche Stilregeln angewendet werden und wo die Aufschlüsselung stattfindet.
text-right
Undtext-center
funktionieren zwar, aber möglicherweise nicht auf einem so hohen Niveau. Sie müssen es wahrscheinlich auf jedem anbringena
innerhalb Ihrer Navigationsstraße– zufälliger_Benutzername
3. August 2016 um 14:27
Ich denke, es funktioniert, beziehen Sie sich auf diese Geige jsfiddle.net/f0wL18zy Hallo ist in der Mitte
– Girdhari Agrawal
3. August 2016 um 14:33
Für zukünftige Leser, die Bootstrap 5 verwenden, siehe: stackoverflow.com/questions/18672452/…
– Carol Skelly
9. März 2022 um 14:17 Uhr