Twitter bootstrap clearfix在大视图中不工作

Twitter bootstrap clearfix在大视图中不工作,twitter-bootstrap,Twitter Bootstrap,我有以下Bootstrap Framework的代码Bootstrap-3.3.6-dist,当我在Firefox浏览器中渲染它时,全屏只显示两列。这一行的内容我之所以添加它,是因为从大视图到中视图时渲染时出错,但我不知道为什么在大视图中渲染4列,而只渲染2列 代码 <!DOCTYPE html> <html lang="en"> <head> <meta charset="utf-8"> <meta

我有以下Bootstrap Framework的代码
Bootstrap-3.3.6-dist
,当我在Firefox浏览器中渲染它时,全屏只显示两列。这一行的内容
我之所以添加它,是因为从大视图到中视图时渲染时出错,但我不知道为什么在大视图中渲染4列,而只渲染2列

代码

  <!DOCTYPE html>
  <html lang="en">
    <head>
      <meta charset="utf-8">
      <meta http-equiv="X-UA-Compatible" content="IE=edge">
      <meta name="viewport" content="width=device-width, initial-scale=1">
      <title>Bootstrap Tutorial</title>

      <!-- Bootstrap -->
      <link href="css/bootstrap.min.css" rel="stylesheet" type="text/css">




    </head>
    <body>

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

      <div class="col-lg-3 col-md-3 col-sm-6 col-xs-12"> 
      <h4>Colums 1</h4>
        Had strictly mrs handsome mistaken cheerful. We it so if resolution invitation remarkably unpleasant conviction. As into ye then form. To easy five less if rose were. Now set offended own out required entirely. Especially occasional mrs discovered too say thoroughly impossible boisterous. My head when real no he high rich at with. After so power of young as. Bore year does has get long fat cold saw neat. Put boy carried chiefly shy general. 
        </div>

      <div class="col-lg-3 col-md-3 col-sm-6 col-xs-12"> 
      <h4>Colums 2</h4>
        Had strictly mrs handsome mistaken cheerful. We it so if resolution invitation remarkably unpleasant conviction. As into ye then form. To easy five less if rose were. mrs discovered too say thoroughly impossible boisterous. My head when real no he high rich at with. 
        </div>


      <div class="clearfix visable-md"></div>

      <div class="col-lg-3 col-md-3 col-sm-6 col-xs-12"> 
      <h4>Colums 3</h4>
        Had strictly mrs handsome mistaken cheerful. We it so if resolution invitation remarkably unpleasant conviction. As into ye then form. To easy five less if rose were. Now set offended own out required entirely. Especially ocd too say thoroughly impossible boisterous. My head when real no he high rich at with. After so power of young as. Bore year does has get long fat cold saw neat. Put 
        </div>



      <div class="col-lg-3 col-md-3 col-sm-6 col-xs-12"> 
      <h4>Colums 4</h4>
        Hadi if resolution invitation remarkably unpleasant conviction. As into ye theown out required entireloccasional mrs discovered too say thoroughly impossible boisterous. My head when real no he high rich at with. After so power of young as. Bore year does has get long fat cold saw neat. Put boy carried chiefly shy general. 
        </div>


        </div>

      </div>


      <!-- jQuery (necessary for Bootstrap's JavaScript plugins) -->
      <script src="https://ajax.googleapis.com/ajax/libs/jquery/1.11.3/jquery.min.js"></script>
      <!-- Include all compiled plugins (below), or include individual files as needed -->
      <script src="js/bootstrap.min.js"></script>
    </body>
  </html>

引导程序教程
第1列
严格地说,她是个快乐的人。如果决议引起令人不快的信念,我们也会这样做。就如进入你们的形体。如果罗斯是的话,就少了五个。现在把冒犯自己的人完全排除在外。尤其是偶尔太太发现太多的话根本不可能吵闹。我的头当真的没有他高高在上。在如此年轻的力量之后。无聊的一年确实有长胖的冷锯整齐。普特是一个害羞的将军。
哥伦布2号
严格地说,她是个快乐的人。如果决议引起令人不快的信念,我们也会这样做。就如进入你们的形体。如果罗斯是的话,就少了五个。夫人发现太说完全不可能吵闹了。我的头当真的没有他高高在上。
柱3
严格地说,她是个快乐的人。如果决议引起令人不快的信念,我们也会这样做。就如进入你们的形体。如果罗斯是的话,就少了五个。现在把冒犯自己的人完全排除在外。尤其是强迫症也说彻底不可能吵闹。我的头当真的没有他高高在上。在如此年轻的力量之后。无聊的一年确实有长胖的冷锯整齐。放
第4列
哈迪,如果决议邀请令人不快的信念。至于进你们出要求的全部,偶尔发现太太也说得彻底不可能吵闹。我的头当真的没有他高高在上。在如此年轻的力量之后。无聊的一年确实有长胖的冷锯整齐。普特是一个害羞的将军。


您的clear fix div中有一个输入错误,将
更改为


引导程序教程
第1列
严格地说,她是个快乐的人。如果决议引起令人不快的信念,我们也会这样做。就如进入你们的形体。如果罗斯是的话,就少了五个。现在把冒犯自己的人完全排除在外。尤其是偶尔太太发现太多的话根本不可能吵闹。我的头当真的没有他高高在上。在如此年轻的力量之后。无聊的一年确实有长胖的冷锯整齐。普特是一个害羞的将军。
哥伦布2号
严格地说,她是个快乐的人。如果决议引起令人不快的信念,我们也会这样做。就如进入你们的形体。如果罗斯是的话,就少了五个。夫人发现太说完全不可能吵闹了。我的头当真的没有他高高在上。
柱3
严格地说,她是个快乐的人。如果决议引起令人不快的信念,我们也会这样做。就如进入你们的形体。如果罗斯是的话,就少了五个。现在把冒犯自己的人完全排除在外。尤其是强迫症也说彻底不可能吵闹。我的头当真的没有他高高在上。在如此年轻的力量之后。无聊的一年确实有长胖的冷锯整齐。放
第4列
哈迪,如果决议邀请令人不快的信念。至于进你们出要求的全部,偶尔发现太太也说得彻底不可能吵闹。我的头当真的没有他高高在上。在如此年轻的力量之后。无聊的一年确实有长胖的冷锯整齐。普特是一个害羞的将军。

请参阅Bootply您的clear fix div change


引导程序教程
第1列
严格地说,她是个快乐的人。如果决议引起令人不快的信念,我们也会这样做。就如进入你们的形体。如果罗斯是的话,就少了五个。现在把冒犯自己的人完全排除在外。尤其是偶尔太太发现太多的话根本不可能吵闹。我的头当真的没有他高高在上。在如此年轻的力量之后。无聊的一年确实有长胖的冷锯整齐。普特是一个害羞的将军。
哥伦布2号
严格地说,她是个快乐的人。如果决议引起令人不快的信念,我们也会这样做。就如进入你们的形体。如果罗斯是的话,就少了五个。夫人发现太说完全不可能吵闹了。我的头当真的没有他高高在上。
柱3
严格地说,她是个快乐的人。如果决议引起令人不快的信念,我们也会这样做。就如进入你们的形体。如果罗斯是的话,就少了五个。现在把冒犯自己的人完全排除在外。尤其是强迫症也说彻底不可能吵闹。我的头当真的没有他高高在上。在如此年轻的力量之后。无聊的一年确实有长胖的冷锯整齐。放
第4列
哈迪,如果决议邀请令人不快的信念。至于进你们出要求的全部,偶尔发现太太也说得彻底不可能吵闹。我的头当真的没有他高高在上。在如此年轻的力量之后。无聊的一年确实有长胖的冷锯整齐。普特是一个害羞的将军。
参见Bootply
  <!DOCTYPE html>
  <html lang="en">
    <head>
      <meta charset="utf-8">
      <meta http-equiv="X-UA-Compatible" content="IE=edge">
      <meta name="viewport" content="width=device-width, initial-scale=1">
      <title>Bootstrap Tutorial</title>

      <!-- Bootstrap -->
      <link href="css/bootstrap.min.css" rel="stylesheet" type="text/css">




    </head>
    <body>

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

      <div class="col-lg-3 col-md-3 col-sm-6 col-xs-12"> 
      <h4>Colums 1</h4>
        Had strictly mrs handsome mistaken cheerful. We it so if resolution invitation remarkably unpleasant conviction. As into ye then form. To easy five less if rose were. Now set offended own out required entirely. Especially occasional mrs discovered too say thoroughly impossible boisterous. My head when real no he high rich at with. After so power of young as. Bore year does has get long fat cold saw neat. Put boy carried chiefly shy general. 
        </div>

      <div class="col-lg-3 col-md-3 col-sm-6 col-xs-12"> 
      <h4>Colums 2</h4>
        Had strictly mrs handsome mistaken cheerful. We it so if resolution invitation remarkably unpleasant conviction. As into ye then form. To easy five less if rose were. mrs discovered too say thoroughly impossible boisterous. My head when real no he high rich at with. 
        </div>


      <div class="clearfix visible-md"></div>

      <div class="col-lg-3 col-md-3 col-sm-6 col-xs-12"> 
      <h4>Colums 3</h4>
        Had strictly mrs handsome mistaken cheerful. We it so if resolution invitation remarkably unpleasant conviction. As into ye then form. To easy five less if rose were. Now set offended own out required entirely. Especially ocd too say thoroughly impossible boisterous. My head when real no he high rich at with. After so power of young as. Bore year does has get long fat cold saw neat. Put 
        </div>



      <div class="col-lg-3 col-md-3 col-sm-6 col-xs-12"> 
      <h4>Colums 4</h4>
        Hadi if resolution invitation remarkably unpleasant conviction. As into ye theown out required entireloccasional mrs discovered too say thoroughly impossible boisterous. My head when real no he high rich at with. After so power of young as. Bore year does has get long fat cold saw neat. Put boy carried chiefly shy general. 
        </div>


        </div>

      </div>


      <!-- jQuery (necessary for Bootstrap's JavaScript plugins) -->
      <script src="https://ajax.googleapis.com/ajax/libs/jquery/1.11.3/jquery.min.js"></script>
      <!-- Include all compiled plugins (below), or include individual files as needed -->
      <script src="js/bootstrap.min.js"></script>
    </body>
  </html>