【问题标题】:How can I customize twitter bootstrap to target my website to Smart phone and Tab only?如何自定义 twitter bootstrap 以仅将我的网站定位到智能手机和 Tab?
【发布时间】:2013-05-02 00:53:07
【问题描述】:

我正在构建一个网站,我只需要针对手机和平板电脑进行定位。在较大的屏幕布局(例如台式机和笔记本电脑)上,网站布局应与移动设备或平板电脑相同。

我尝试了 Mobile-First Bootstrap Grid 自定义 css,但没有运气。 https://github.com/G5/mobile-first-bootstrap-grid

【问题讨论】:

    标签: css html twitter-bootstrap responsive-design


    【解决方案1】:

    您可以在此处自定义引导网格系统变量:

    http://twitter.github.io/bootstrap/customize.html#variables

    【讨论】:

    • 在自定义页面中,我没有看到任何可以指定任何特定屏幕尺寸的参数。
    • 请参阅“网格系统”部分。您可以根据屏幕尺寸指定列数和列宽。
    • 对于移动设备和标签页,列数和列宽的理想值应该是多少?
    • 对于标签,总宽度应为 768。
    • 对于移动设备,总宽度应为 320。
    猜你喜欢
    • 1970-01-01
    • 1970-01-01
    • 2015-07-13
    • 2013-06-27
    • 1970-01-01
    • 2020-06-23
    • 2014-11-05
    • 1970-01-01
    • 1970-01-01
    相关资源
    最近更新 更多