Я использую загрузку Twitter и пытаюсь выровнять текст navbars вправо, т.е. что "бренд" появится справа, а все остальное слева. (Для веб-сайта справа налево).
Любые идеи о том, как это можно сделать?
Я использую загрузку Twitter и пытаюсь выровнять текст navbars вправо, т.е. что "бренд" появится справа, а все остальное слева. (Для веб-сайта справа налево).
Любые идеи о том, как это можно сделать?
Примените float:right
к div с классом как navbar-inner
<div class="navbar-inner" style="float:right">
Как
<div class="navbar">
<div class="navbar-inner">
<div style="float:right">
<a class="brand" href="#">Title</a>
<ul class="nav">
<li class="active"><a href="#">Home</a></li>
<li><a href="#">Link</a></li>
<li><a href="#">Link</a></li>
</ul>
</div>
</div>
pull-right и pull-left - это классы начальной загрузки, которые могут помочь вам достичь этого, не создавая собственный CSS. Например,
<div class="navbar pull-right"></div> [equivalent to float:right]
<div class="navbar pull-left"></div> [equivalent to float:left]
Обновите эти классы в файле bootstrap.css
.navbar .nav {
display: block;
float: right;
left: 0;
margin: 0 10px 0 0;
position: relative;
}
.navbar .brand {
color: #777777;
display: block;
float: right;
font-size: 20px;
font-weight: 200;
margin-left: -20px;
padding: 10px 20px;
text-shadow: 0 1px 0 #FFFFFF;
}
.navbar .nav > li {
float: right;
}
изменить только... float: right to float: left
.navbar-toggle {
position: relative;
float: left;
padding: 9px 10px;
margin-top: 8px;
margin-right: 15px;
margin-bottom: 8px;
background-color: transparent;
background-image: none;
border: 1px solid transparent;
border-radius: 4px;
}
Лучшее решение - изменить значение dir
в теге body
:
<body dir="rtl">
...
</body>
Применить float: право на ul с классом как .navbar-nav
.navbar-nav{float:right;margin:0}.navbar-nav>li{float:right}