【问题标题】:Twitter Bootstrap with Full-Width feature具有全宽功能的 Twitter Bootstrap
【发布时间】:2013-10-27 18:01:15
【问题描述】:

有时我看到网页设计师使用具有 100% 全角功能的 Twitter 引导程序,但我知道引导程序中的最大宽度是:“1170px”,我的问题是如何做到这一点? 检查来自主题森林的这两个样本: http://thevectorlab.net/flatlab/ http://demo.themepixels.com/webpage/katniss/dashboard.html 他们使用的任何提示或技巧?

【问题讨论】:

    标签: html css twitter-bootstrap fullscreen


    【解决方案1】:

    只需将您的内容留在容器类之外。像这样的东西会给你 100% 的页面宽度。

    <body>
        <div class="row">
            <div class="col-md-12">100% width</div>
        </div>
    </body>
    

    【讨论】:

    • 这适用于 bootstrap 2.3 吗?你有更多描述的文章吗?
    • @Radian 我的答案是针对 TBS3,但对于 TBS2.3,您可以使用“container-fluid”类来包装您的页面,然后对您的数据使用“row-fluid”类。在此处查看example
    猜你喜欢
    • 1970-01-01
    • 1970-01-01
    • 2012-10-16
    • 1970-01-01
    • 1970-01-01
    • 1970-01-01
    • 1970-01-01
    • 2014-12-15
    • 1970-01-01
    相关资源
    最近更新 更多