同样风格的桌面和平板电脑的twitter引导

我使用twitter bootstrap的响应功能来改变菜单样式，当浏览器窗口的最大宽度为767px。同样风格的桌面和平板电脑的twitter引导

在全窗口：http://jsfiddle.net/G2mEv/2/embedded/result/

的问题是，当窗口具有一个979px最大宽度的不同的风格。但我想为767px做到这一点。因为我不想为平板电脑设置不同的菜单，只是针对手机。

的CSS带有Twitter的引导，这样我就可以提供一些HTML

<div class="navbar-inner"> 
      <div class="container"> 
       <a class="btn btn-navbar" data-target=".nav-collapse" 
              data-toggle="collapse"> 
        <span class="icon-bar"></span> 
        <span class="icon-bar"></span> 
        <span class="icon-bar"></span> 
       </a> 
       <a class="brand" href="#" tabindex="-1"> 
        Some logo 
       </a> 
       <nav class="nav-collapse collapse" role="navigation"> 
        <ul class="nav pull-right"> 
         <li class="active"><a href="#">Link 1</a></li> 
         <li><a href="#">Link 2</a></li> 
         <li><a href="#">Link 3</a></li> 
        </ul> 
       </nav> 
      </div> 
     </div>

任何想法如何管理呢？随意分享我的例子。

来源

2013-03-16 Lost in OWL

您需要根据您的偏好更改媒体查询的最小值和最大值。你会如何重写媒体查询在另一个样式表，如果你不想修改引导文件

@media (max-width: 767px) { 
... 
@media (min-width: ???px) {

Here's a discussion：

例如，更改此：

@media (max-width: 979px) { 
... 
@media (min-width: 768px) {

了这一点。

来源

2013-03-16 18:37:16 isherwood

Thx，但我已经尝试过，没有运气。 – 2013-03-16 18:51:48

然后你做错了。这正是媒体查询的目的。发布您尝试过的内容，以及上述问题中不适用的内容。 – isherwood 2013-03-16 18:55:17

我觉得如果你只是删除了一切：

@media (min-width: 768px) and (max-width: 979px) { 
    /* delete all code */ 
}

它应该工作。您可以创建排除了768和979在这里PX之间的屏幕宽度定制响应CSS定制引导下载：

http://twitter.github.com/bootstrap/customize.html

只需取消选中Tablets to desktops (767-979px)和下载。

来源

2013-03-16 19:40:53 hajpoj

同样风格的桌面和平板电脑的twitter引导

回答

相关问题