Bootstrap3.0学习第八轮:工具Class

  • 时间:
  • 浏览:0

上一篇:Bootstrap3.0学习第七轮:按钮

本文学习的内容主要如下所示:1.关闭按钮;2.Carets;3.快速设置浮动;4.内容区域居中;5.清除浮动;6.显示或隐藏内容;7.针对屏幕阅读器的内容;8.图片替换;9.总结。

关闭按钮

通过使用有4个 象征关闭的图标,可不时需用来让模式对话框和警告框消失。

Carets

使用插入符表示下拉的功能和方向。请注意,默认插入符会自动反转在dropup菜单。

快速设置浮动

过这有4个 class让页面元素左右浮动。 !important被用来避免或多或少大间题。也可不时需像mixin一样使用这有4个 class。

不必用于导航条

原因分析分析 是用于对齐导航条上的组件,请务必使用.navbar-left 或 .navbar-right。查看导航条文档以获取详情。

内容区域居中

将页面元素设置为 display: block并通过设置margin使其居中。可不时需作为mixin或class使用。

清除浮动

使用.clearfix清除任意页面元素的浮动。我们 歌词 使用了Nicolas Gallagher的the micro clearfix。也可不时需像mixin一样使用。

显示或隐藏内容

通过.show 和 .hidden可不时需强制显示或隐藏任一页面元素(包括在屏幕阅读器上)。这有4个 class使用了!important以避免冲突。这有4个 class都能不能不能 做用于块级元素,也可不时需作为mixin使用。

.hide 仍然可不时需用,有时候 它都能不能 影响屏幕阅读器,有时候 从v3.0.1版本始于已将被标记为不建议使用。请使用.hidden 或 .sr-only。

此外,可不时需使用.invisible切换都能不能不能 有4个 元素的可见性,这原因分析分析 它的显示不被修改,仍然可不时需影响文档流中的元素。

针对屏幕阅读器的内容

使用.sr-only可不时需针对除了屏幕阅读器之外的所有设备隐藏有4个 元素。此class还可不时需作为mixin使用。

图片替换

使用.text-hide class(也可作为mixin使用)可不时需将页面元素含晒 高的文本内容替换为背景图。

总结

本文当中主可是讲了或多或少比较特殊的效果。比如显示隐藏、消除浮动、关闭按钮等。在或多或少型态的情况表下,原因分析分析 会有用到。

下一篇:Bootstrap3.0学习第九轮:CSS补充

有好的文章希望站长之家帮助分享推广,猛戳这里让我 投稿