隐藏的类引导程序不起作用？
巴蒂斯特·阿诺（Baptiste Arnaud）
这是我的HTML
<div class="container-fluid">
<div class="row">
<div class="header">
<a href="#" class="col-xs-3 col-xs-offset-1 logo"></a>
<div class="col-xs-6 col-xs-offset-1 nav hidden-sm-down "></div>
</div>
</div>
</div>
这是我的CSS
.header{
width: 100%;
background-image: url("san_fran.jpg");
background-size: cover;
}
.top-header{
width: 100%;
}
.logo{
background: url("logo-cinetik.png") center center no-repeat;
height: 130px;
min-width: 400px;
}
.nav{
background-color: $test-color;
height: 100px;
}
div标签具有hidden-sm-down类。当我的窗口小于某个点时应该隐藏它，不是吗？
这是结果
红色div应该是隐藏的！我怎样才能做到这一点 ？
高拉夫·阿格瓦尔（Gaurav Aggarwal）
这些是基于设备的类。
小型设备电话（<768像素）(Class names : .visible-xs-block, hidden-xs)
小型设备平板电脑（≥768像素）(Class names : .visible-sm-block, hidden-sm)
中型设备台式机（≥992px）(Class names : .visible-md-block, hidden-md)
大型设备台式机（≥1200px）(Class names : .visible-lg-block, hidden-lg)
请参阅此链接以获取更多http://getbootstrap.com/css/#响应-实用程序
本文收集自互联网，转载请注明来源。
如有侵权，请联系[email protected] 删除。
编辑于
相关文章
Related 相关文章
- 1
隐藏属性在引导程序中不起作用
- 2
在引导程序中隐藏元素不起作用
- 3
Wordpress：引导程序中的某些类不起作用
- 4
引导程序不起作用
- 5
覆盖引导程序样式不起作用
- 6
引导程序的弹出延迟不起作用
- 7
引导程序验证不起作用
- 8
引导程序在JSFiddle中不起作用
- 9
Twitter引导程序模式不起作用
- 10
引导程序：滑块不起作用
- 11
引导程序按钮链接不起作用
- 12
轮播引导程序不起作用
- 13
引导程序：按钮不起作用
- 14
Tablesorter Scroller引导程序不起作用
- 15
工具提示不起作用（引导程序）
- 16
引导程序下拉列表不起作用
- 17
模态引导程序不起作用
- 18
工具提示引导程序不起作用
- 19
引导程序确认将不起作用
- 20
引导程序模型不起作用
- 21
列在引导程序中不起作用
- 22
Symfony，引导程序下拉不起作用？
- 23
在屏幕调整大小时为引导程序元素分配新类不起作用
- 24
为什么我的引导类不起作用？
- 25
引导程序按钮不起作用（单击时无法打开）
- 26
流星+引导程序3 Glyphicons不起作用
- 27
具有引导程序的媒体查询不起作用
- 28
引导程序-警报错误不起作用
- 29
无业游民的引导程序：源〜/ .profile不起作用
我来说两句