Css 使用col-md-4isn'；行不通_Css_Ruby On Rails_Twitter Bootstrap

Css 使用col-md-4isn'；行不通

css ruby-on-rails twitter-bootstrap

Css 使用col-md-4isn'；行不通,css,ruby-on-rails,twitter-bootstrap,Css,Ruby On Rails,Twitter Bootstrap,我一直在关注RailsCAST328“Twitter引导基础知识”，但我从来没有在右边显示过专栏内容我进一步阅读，意识到他展示的是一个旧版本的rails，所以我开始尝试在rails中使用新的twitter引导程序。。。我发誓有一次它成功了，那东西在一列的右边，现在每一个都在另一个col md下面，我不知道为什么，我想知道是不是我怎么做的导航栏把它弄坏了？也许是第二双眼睛，但我不明白为什么它不起作用。。。以下是我所拥有的： <body> <!-- Static navb

我一直在关注RailsCAST328“Twitter引导基础知识”，但我从来没有在右边显示过专栏内容

我进一步阅读，意识到他展示的是一个旧版本的rails，所以我开始尝试在rails中使用新的twitter引导程序。。。我发誓有一次它成功了，那东西在一列的右边，现在每一个都在另一个col md下面，我不知道为什么，我想知道是不是我怎么做的导航栏把它弄坏了？也许是第二双眼睛，但我不明白为什么它不起作用。。。以下是我所拥有的：

<body>

  <!-- Static navbar -->
      <nav class="navbar navbar-default">
        <div class="container-fluid">
          <div class="navbar-header">
            <button type="button" class="navbar-toggle collapsed" data-toggle="collapse" data-target="#navbar" aria-expanded="false" aria-controls="navbar">
              <span class="sr-only">Toggle navigation</span>
              <span class="icon-bar"></span>
              <span class="icon-bar"></span>
              <span class="icon-bar"></span>
            </button>
            <a class="navbar-brand" href="#">Title Here</a>
          </div>
          <div id="navbar" class="navbar-collapse collapse">
            <ul class="nav navbar-nav">
              <li class="active"><%= link_to "Home", controller: "home", action: "index" %></li>
              <li><%= link_to "Groups", groups_path %></li>
              <li><%= link_to "Providers", providers_path %></li>
              <li class="dropdown">
                <a href="#" class="dropdown-toggle" data-toggle="dropdown" role="button" aria-expanded="false">Dropdown <span class="caret"></span></a>
                <ul class="dropdown-menu" role="menu">
                  <li><a href="#">Action</a></li>
                  <li><a href="#">Another action</a></li>
                  <li><a href="#">Something else here</a></li>
                  <li class="divider"></li>
                  <li class="dropdown-header">Nav header</li>
                  <li><a href="#">Separated link</a></li>
                  <li><a href="#">One more separated link</a></li>
                </ul>
              </li>
            </ul>
            <ul class="nav navbar-nav navbar-right">
              <li class="active"><a href="./">Default <span class="sr-only">(current)</span></a></li>
              <li><a href="../navbar-static-top/">Static top</a></li>
              <li><a href="../navbar-fixed-top/">Fixed top</a></li>
            </ul>
          </div><!--/.nav-collapse -->
        </div><!--/.container-fluid -->
      </nav>
<div class="container">
  <div class="row"> 
    <div class="col-xs-12 col-md-8"> <%= yield %> </div>
    <div class="col-xs-6 col-md-4">
      <!-- should be a column on right it isnt working -->
      <h3> Welcome to the Cool App 1</h3>

    </div>
  </div>
</div>
</body>


切换导航










导航标题










欢迎使用酷炫应用1

移除

yield

并硬编码里面的东西，看看它是否有效。我猜收益率有一个额外的div收盘，而

.col-md-4

出了

.row

我是一个putz，这是个好主意。它起作用了……但后来我把收益率加回来，它又起作用了。我想这是上帝告诉我要挂起来过夜的密码。里面是否有一个每次刷新都会改变的动态内容？当你再次发现问题时，检查并查看

col-md-4

是否在

行中。实际上，在我开发的另一台电脑上，我取出了产量，它仍然在另一台电脑的下面。这两个都是linux mint机器，我是否有可能有错误的引导版本？我希望我能检查东西的版本，也许检查gem的版本？检查这篇关于复杂网格布局的博文。。。