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

来源:4-3 基本用法

慕村5184313

2017-03-11 10:19

<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

写回答 关注

9回答

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

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


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

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

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

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

    小米李二牛

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

    2017-12-02 18:45:07

    共 1 条回复 >

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

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

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

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

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

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

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

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

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

    屏幕太小 你换成xs试试 

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

    要把整个浏览器最大化

玩转Bootstrap(基础)

告诉你使用Bootstrap,并且能够独立定制出适合自己的Bootstrap

314544 学习 · 2275 问题

查看课程

相似问题