Bootstrap3.0学习笔记之特殊的效果(显示隐藏、消
本文学习的内容主要如下所示
关闭按钮
通过使用一个象征关闭的图标,可以用来让模式对话框和警告框消失。
Carets
使用插入符表示下拉的功能和方向。请注意,默认插入符会自动反转在dropup菜单。
快速设置浮动
过这两个class让页面元素左右浮动。!important被用来避免某些问题。也可以像mixin一样使用这两个class。
如果是用于对齐导航条上的组件,请务必使用.navbar-left或.navbar-right。查看导航条文档以获取详情。
内容区域居中
将页面元素设置为display: block并通过设置margin使其居中。可以作为mixin或class使用。
清除浮动
使用.clearfix清除任意页面元素的浮动。我们使用了Nicolas Gallagher的the micro clearfix。也可以像mixin一样使用。
显示或隐藏内容
通过.show和.hidden可以强制显示或隐藏任一页面元素(包括在屏幕阅读器上)。这两个class使用了!important以避免冲突。这两个class只能做用于块级元素,也可以作为mixin使用。
.hide 仍然可以用,它不能影响屏幕阅读器,并且从v3.0.1版本开始已将被标记为不建议使用。请使用.hidden 或 .sr-only。
,可以使用.invisible切换只有一个元素的可见性,这意味着它的显示不被修改,仍然可以影响文档流中的元素。
针对屏幕阅读器的内容
使用.sr-only可以针对除了屏幕阅读器之外的所有设备隐藏一个元素。此class还可以作为mixin使用。
图片替换
使用.text-hideclass(也可作为mixin使用)可以将页面元素所包含的文本内容替换为背景图。
本文当中主要是讲了一些比较特殊的效果。比如显示隐藏、消除浮动、关闭按钮等。在一些特性的情况下,可能会有用到。
长沙网站设计
- 如何自己建一个网站 自己想建个网站,怎么建
- 如何制作网站免费建站 创建网站免费注册
- html简单网页代码 html简单网页代码超链接
- dreamweaver网页制作 dreamweaver网页制作模板
- 上海网站建设 上海网站建设制作微信
- 如何制作网站和网页 如何制作一个网页
- html网页制作代码大全 端午节html网页制作代码大
- app开发公司 app开发公司前十名
- html网页制作 html网页制作文字居中
- app制作一个需要多少钱 请人制作一个app多少钱
- 成都网站制作 成都网站制作维护
- 百度建一个网站多少钱 百度做个公司网站要多少
- html+css网页制作成品 web网页制作成品css+javascrip
- html网页制作案例 html网页设计案例
- html+css网页制作成品 web网页制作成品css+javascrip
- 个人网站模板 个人网站模板HTML