Question

我的标记设置显示了3列twitter引导布局，但是div正在堆叠。这应该是非常简单的，我无法弄清楚为什么列不是列。

<div class="container-fluid">
        <div class="row">
        <div class="header">

            <div class=".col-xs-6 .col-sm-4">

                <a href="{{ URL::route('home') }}">

                <div class="header_group">
                <img src="../../images/me.png">
                <span><h1 class="header_text">Logo</h1></span>
                </div><!--header group -->
                </a>

            </div>

            <div class=".col-xs-6 .col-sm-4">
            middle
            </div>

            <div class=".col-xs-6 .col-sm-4">
            @include('layout.navigation')
            </div>


        </div><!-- main header -->
        </div><!-- row -->
        </div><!-- container -->

Answer 1

取出班级名称前面的点

<div class="container">
        <div class="row">
          <div class="header">    

            <div class="col-xs-6 col-sm-4">    
                Column1    
            </div>

            <div class="col-xs-6 col-sm-4">
                Column 2
            </div>

            <div class="col-xs-6 col-sm-4">
                Column3
            </div>

          </div><!-- header -->

      </div><!-- row -->
 </div><!-- container -->

Here is the jsfiddle link

twitter bootstrap 3列堆叠

1 个答案: