Twitter bootstrap 3 媒体查询不工作，从移动设备查看时隐藏引导jumbotron

无法使媒体查询工作，试图在从移动设备查看时隐藏jumbotron

url tyrescanner.net 代码如下

/*超小型设备、手机*/
@媒体屏幕和屏幕（最大宽度：380px）{
.康莫特龙{
背景色：黑色；
}
}

在当地搜索轮胎和价格

要使jumbotron在小屏幕上显示为黑色背景，请添加

颜色：黑色到您的媒体查询。这样，jumbotron中的所有内容都将显示为黑色（尽管可能有更优雅的方式）

工作示例：


/*超小型设备、手机*/
@媒体屏幕和屏幕（最大宽度：380px）{
.康莫特龙{
背景色：黑色；
颜色：黑色；
}
#伊姆吉德{
显示：无；
}
#伊姆吉德{
显示：块；
}
}
/*更大的设备*/
@媒体屏幕和屏幕（最小宽度：381px）{
#伊姆吉德{
显示：无；
}
}

在当地搜索轮胎和价格
为了解决这个问题，我不得不在Jumbotrom中添加另一个媒体查询


@仅媒体屏幕和（最小宽度：992px）{
.康莫特龙{
/*琼伯伦先生*/
背景：url（'../Images/Tyre.jpg'）无重复中心；
背景尺寸：封面；
背景附件：固定；
最小高度：410像素；
最小宽度：100%；
宽度：100%；
右边距：0px！重要；
左边距：0px！重要；
边缘底部：0px；
右边填充：0px；
左侧填充：0px；
垫底：0px；
}
}
首先确定需要哪种类型的iPhone才能使其先隐藏再读取。然后使用不同iPhone版本的点为最大宽度或最小宽度添加值创建更改，您可以使用两个中的任何一个。但是，如果您添加了多个iPhone版本断点的断点，请注意其他设备断点，而不仅仅是iPhone。为了便于您的设计，我在示例代码中使用了最大iPhone版本的最小宽度，以便于对所有iPhone进行更改，但这取决于：

使用最大iPHONE版本的最低分数：

<style type="text/css">
  /* iPhone 6/7 Plus | 414 x 736 points */
    @media only screen and (max-width : 414px) {
       body{
        background-color: teal;
       }
       .customjumbotron{
          display: none;
       }
    }
</style>


/*iPhone 6/7 Plus | 414 x 736点*/
@仅介质屏幕和（最大宽度：414px）{
身体{
背景色：青色；
}
.康莫特龙{
显示：无；
}
}

使用iPHONE版本最大宽度：

<style type="text/css">

    /* iPhone 4 | 320 x 480 points */
    @media only screen and (max-width : 480px) {
       body{
        background-color: gold;
       }
       .customjumbotron{
          display: none;
       }
    }

    /* iPhone 5 | 320 x 568 points */
    @media only screen and (max-width : 568px) {
       body{
        background-color: silver;
       }
       .customjumbotron{
          display: none;
       }
    }

    /* iPhone 6/7 | 375 x 667 points */
    @media only screen and (max-width : 667px) {
       body{
        background-color: teal;
       }
       .customjumbotron{
          display: none;
       }
    }

    /* iPhone 6/7 Plus | 414 x 736 points */
    @media only screen and (max-width : 736) {
       body{
        background-color: teal;
       }
       .customjumbotron{
          display: none;
       }
    }
</style>


/*iPhone 4 | 320 x 480点*/
@仅介质屏幕和（最大宽度：480px）{
身体{
背景颜色：金色；
}
.康莫特龙{
显示：无；
}
}
/*iPhone 5 | 320 x 568点*/
@仅介质屏幕和（最大宽度：568px）{
身体{
背景颜色：银色；
}
.康莫特龙{
显示：无；
}
}
/*iPhone 6/7 | 375 x 667点*/
@仅介质屏幕和（最大宽度：667px）{
身体{
背景色：青色；
}
.康莫特龙{
显示：无；
}
}
/*iPhone 6/7 Plus | 414 x 736点*/
@仅介质屏幕和（最大宽度：736）{
身体{
背景色：青色；
}
.康莫特龙{
显示：无；
}
}

使用不同的iPHONE版本最小宽度：

<style type="text/css">

    /* iPhone 4 | 320 x 480 points */
    @media only screen and (min-width : 320px) {
       body{
        background-color: gold;
       }
       .customjumbotron{
          display: none;
       }
    }

    /* iPhone 5 | 320 x 568 points */
    @media only screen and (min-width : 320px) {
       body{
        background-color: silver;
       }
       .customjumbotron{
          display: none;
       }
    }

    /* iPhone 6/7 | 375 x 667 points */
    @media only screen and (min-width : 375px) {
       body{
        background-color: teal;
       }
       .customjumbotron{
          display: none;
       }
    }

    /* iPhone 6/7 Plus | 414 x 736 points */
    @media only screen and (min-width : 414px) {
       body{
        background-color: teal;
       }
       .customjumbotron{
          display: none;
       }
    }
</style>


/*iPhone 4 | 320 x 480点*/
@仅介质屏幕和（最小宽度：320px）{
身体{
背景颜色：金色；
}
.康莫特龙{
显示：无；
}
}
/*iPhone 5 | 320 x 568点*/
@仅介质屏幕和（最小宽度：320px）{
身体{
背景颜色：银色；
}
.康莫特龙{
显示：无；
}
}
/*iPhone 6/7 | 375 x 667点*/
@仅介质屏幕和（最小宽度：375px）{
身体{
背景色：青色；
}
.康莫特龙{
显示：无；
}
}
/*iPhone 6/7 Plus | 414 x 736点*/
@仅介质屏幕和（最小宽度：414px）{
身体{
背景色：青色；
}
.康莫特龙{
显示：无；
}
}

诽谤
<style type="text/css">
/*==================================================
          Bootstrap 3 Media Queries
==================================================*/

    /* Extra Small Devices, Phones */ 
    @media only screen and (min-width : 480px) {
        /* YOUR CODE HERE|EXAMPLE CODES*/
       body{
        background-color: black;
       }
    }

    /* Small Devices, Tablets */
    @media only screen and (min-width : 768px) {
        /* YOUR CODE HERE|EXAMPLE CODES*/
       body{
        background-color: blue;
       }
    }

    /* Medium Devices, Desktops */
    @media only screen and (min-width : 992px) {
         /* YOUR CODE HERE|EXAMPLE CODES| SET HERE WHAT YOU NEED TO HIDE OR ANYTHING*/
       body{
        background-color: green;
       }
    }

    /* Large Devices, Wide Screens */
    @media only screen and (min-width : 1200px) {
        /* YOUR CODE HERE*/
    }
</style>