问答详情
源自：4-3 基本用法

col-md-4并没有占据4列，而是一行

<div class="container">

  <div class="row">

    <div class="col-md-4">.col-md-4</div>

    <div class="col-md-8">.col-md-8</div>

  </div>

  <div class="row">

    <div class="col-md-4">.col-md-4</div>

    <div class="col-md-4">.col-md-4</div>

    <div class="col-md-4">.col-md-4</div>

  </div>

  <div class="row">

    <div class="col-md-3">.col-md-3</div>

    <div class="col-md-6">.col-md-6</div>

    <div class="col-md-3">.col-md-3</div>

 </div>

</div>

http://img.mukewang.com/58c35e860001c94b08100202.jpg

提问者：慕村5184313 2017-03-11 10:19

个回答

  • 慕斯卡944558
    2018-05-11 23:20:15

    现在用了4.1.1版本，也设置了xs，但是还是是平铺到界面上。请问如何解决？


    0
  • 小米李二牛
    2017-12-02 18:44:40

    可能是你的bootstrap文件的版本太低.我用了V2.0.2的库按书上代码发现也不能生成多列.换高版本的库之后就正常了

    0
  • 什么都不会诶
    2017-11-01 11:30:48

    请问楼主问题解决了吗 分享下

    0
  • 慕丝1033313
    2017-07-03 23:14:59

    是我搞错意思了。真尴尬啊

    0
  • 慕丝1033313
    2017-07-03 23:08:36

    我以为col-md-4是说将屏幕分成12份的情况下占4份，也就是说占屏幕的1/3呢

    0
  • 别净扯犊子
    2017-04-28 16:05:45

    把代码拿出到自己的浏览器中试下，屏幕大小问题

    0
  • Mr_Tory
    2017-03-12 11:11:16

    在左侧预览屏幕太小，无法显示效果，建议粘贴代码自己在浏览器中打开看看

    0
  • s深海i
    2017-03-11 10:44:52

    屏幕太小 你换成xs试试 

    0
  • 慕粉1470847362
    2017-03-11 10:42:10

    要把整个浏览器最大化

    0