V2EX = way to explore
V2EX 是一个关于分享和探索的地方
现在注册
已注册用户请  登录
gangsta
V2EX  ›  程序员

Bootstrap v3 怎么实现下面的布局?

  •  
  •   gangsta · 2014-05-23 12:15:18 +08:00 · 3183 次点击
    这是一个创建于 3637 天前的主题,其中的信息可能已经有所发展或是发生改变。


    左边是一个固定的Dashboard,右边是一个3列等宽的栅格布局,谢谢.
    11 条回复    2014-05-23 16:54:24 +08:00
    paicha
        1
    paicha  
       2014-05-23 12:19:45 +08:00
    justfindu
        2
    justfindu  
       2014-05-23 12:39:18 +08:00   ❤️ 1
    思维定势了么. 不就是left+right么, right分3份. 用gird ,要固定再加上自己的css
    jsonline
        3
    jsonline  
       2014-05-23 12:40:25 +08:00
    3+9(4+4+4)
    loading
        4
    loading  
       2014-05-23 12:42:06 +08:00 via Android
    你不用 bootstrap 自己也写不出来吧!
    83f420984
        5
    83f420984  
       2014-05-23 13:09:35 +08:00
    <dvi class="container">
    <div class="row">
    <div class="col-md-3"></div>
    <div class="col-md-9">
    <div class="col-md-4"></div>
    <div class="col-md-4"></div>
    <div class="col-md-4"></div>
    </div>
    </div>
    </dvi>
    paicha
        6
    paicha  
       2014-05-23 13:27:28 +08:00
    @83f420984

    col-md-9 里面的嵌套需要再加一个 <div class="row"></div>
    83f420984
        7
    83f420984  
       2014-05-23 13:30:12 +08:00
    @paicha 写忘记了,谢谢提醒
    gangsta
        8
    gangsta  
    OP
       2014-05-23 13:37:25 +08:00
    @83f420984 @paicha
    谢谢两位
    vimutt
        9
    vimutt  
       2014-05-23 16:13:33 +08:00 via iPad
    顺便问下 span12 span9 现在不用了吗这是哪个版本的
    83f420984
        10
    83f420984  
       2014-05-23 16:40:48 +08:00
    @vimutt 上面不是写了吗?这个是V3版的,你说的 span12 span9是V2版
    vimutt
        11
    vimutt  
       2014-05-23 16:54:24 +08:00 via iPad
    @83f420984 多谢
    关于   ·   帮助文档   ·   博客   ·   API   ·   FAQ   ·   我们的愿景   ·   实用小工具   ·   1710 人在线   最高记录 6543   ·     Select Language
    创意工作者们的社区
    World is powered by solitude
    VERSION: 3.9.8.5 · 26ms · UTC 16:53 · PVG 00:53 · LAX 09:53 · JFK 12:53
    Developed with CodeLauncher
    ♥ Do have faith in what you're doing.