Bootstrap显示或隐藏内容
Bootstrap3 中,.show和.hidden类可以强制任意元素显示或隐藏(对于屏幕阅读器也能起效),但是,这些类只对块级元素起作用,对行内级元素不起作用。如:
<div class="show">...</div> <div class="hidden">...</div>
跟快速浮动的做法一样,.show和.hidden类也是通过!important来避免 CSS 样式优先级问题。并且,它们还可以作为 mixin 使用。如:
// 类定义 .show { display: block !important; } .hidden { display: none !important; } .invisible { visibility: hidden; } // 作为 mixin 使用 .element { .show(); } .another-element { .hidden(); }
以上就是bootstrap如何隐藏div的详细内容,更多请关注0133技术站其它相关文章!