【问题标题】:Twitter Bootstrap Fixed Grid To ResoinsiveTwitter Bootstrap 固定网格到 Resoinsive
【发布时间】:2016-06-17 05:49:55
【问题描述】:

我使用 twitter bootstrap(2.3.2) 固定网格系统开发了一个站点。这是 960px 的网站。我没有在 bootstrap.css 文件中添加响应代码。但现在我想响应它不流畅。我已经从http://getbootstrap.com/2.3.2/customize.html 站点下载了响应代码,并将该代码添加到了 responsive.css 文件中。当我将此文件添加到我的网站时,它变为 1170px。但我不想要这个。我想要我的网站默认值 960px 但在平板电脑和移动设备必须响应视图。我该怎么做?请帮助我,我是引导程序的新手。

谢谢

【问题讨论】:

    标签: html css twitter-bootstrap


    【解决方案1】:

    在从http://getbootstrap.com/2.3.2/customize.html 下载自定义代码之前,取消选中响应式标题下方的“大型桌面 (>1200px)”选项。

    我只是猜测,但应该这样做,因为它不会在响应文件上生成超过 979 像素的 CSS。

    【讨论】:

    • 嗯,对不起?什么意思?
    • @media (min-width: 980px) , media (max-width: 979px) ,media (min-width: 768px) and (max-width: 979px) , media (max-width: 480px) , media (max-width: 767px) , media (min-width: 768px) and (max-width: 979px) 只有这个美的可用。我正在使用固定网格系统,所以我需要为其他设备尺寸添加更多 mdeia。使用固定网格实现响应式网站是否正确?
    【解决方案2】:

    创建您自己的 less 文件作为 main less 文件(如 bootstrap.less)。

    Here 是一个类似问题的链接,回答得非常正确。

    因此,您可以根据需要覆盖引导程序的任何属性。

    干杯!!!

    【讨论】:

      猜你喜欢
      • 2012-11-14
      • 1970-01-01
      • 2012-05-31
      • 1970-01-01
      • 2012-04-04
      • 1970-01-01
      • 2012-04-04
      • 1970-01-01
      • 1970-01-01
      相关资源
      最近更新 更多