Question

我试图制作一个导航栏，但我需要它从右到左导致它用希伯来语。

我尝试制作响应式导航栏所有链接按钮都在左侧和右侧。而右边的品牌。它们在小型设备上崩溃。

好吧，我不能让它反转，我有时也会遇到一个问题，在小型设备上，Brand和Collapse按钮在导航栏中间碰撞。

Answer 1

我通过添加：

修复了它

<Button disabled={this.state.checkedIds.length===0} >
  Delete Selected 
</Button>

到我的css ......

感谢您的帮助，并抱歉误导您错误的标题D：

Answer 2

Maybe you can use media query with the smallest query eg media query
example:


<nav class="navbar navbar-default" role="navigation">
  <div class="navbar-header">
    <button type="button" class="navbar-toggle" data-toggle="collapse" data-target=".navbar-collapse">
      <span class="icon-bar"></span>
      <span class="icon-bar"></span>
      <span class="icon-bar"></span>
    </button>    
  </div>
  <div class="navbar-collapse collapse">
    <ul class="nav navbar-nav">
        <li><a href="#">Left</a></li>
    </ul>
    <ul class="nav navbar-nav navbar-center">
        <li><a href="#">Center</a></li>
        <li><a href="#">Center</a></li>
      <li><a href="#">Center</a></li>
    </ul>
    <ul class="nav navbar-nav navbar-right">
        <li><a href="#">Right</a></li>
    </ul>
  </div>
</nav>

@media (min-width: 240px) {
  .navbar-nav.navbar-center {
    position: absolute;
    left: 50%;
    transform: translatex(-50%);
  }

Answer 3

这对我来说很好。

<ul class="nav nav-tabs nav-justified" style="direction: rtl;">         
    <li>1</li>
    <li>2</li>
    <li>3</li>
</ul>

Bootstrap - 将我的导航栏从右向左反转

3 个答案: