boostrap组件
Bootstrap 来自Twitter(推特),是目前最受欢迎的前端框架。Bootstrap 是基于HTML,css,JavaScript的,它简洁灵活,使得web开发更加快速。
框架:顾名思义就是一套架构,它有一套比较完整的网页功能解决方案,而且控制权在框架本身,有预制的样式库,组件和插件。使用者要按照框架所规定的某种规范进行开发。
这是我所学到的用CSS基础,所以我要分享给你们,希望可以帮助到你们。
组件一:
警告提示框(Alert)
警告框组件通过提供一些灵活的预定义消息,为常见的用户动作提供常见的上下反馈消息和提示。
警报是一组颜色控件(共八个颜色样式),可用于任何长度的文本,以及可选的关闭按钮,系统提供8个可用的正确的样式(如,.alert-success),如你还可以使用jQuery插件方法来解除内联元素。
例如:
A simple primary alert—check it out!
A simple secondary alert—check it out!
A simple success alert—check it out!
A simple danger alert—check it out!
A simple warning alert—check it out!
A simple info alert—check it out!
A simple light alert—check it out!
A simple dark alert—check it out!
关闭警告(小贴士效果)
使用.alert结合JavaScript,可以实现警报效果,贴在页面上,并可以自由关闭,其要点如下:
确保你正确加载了.alert警报组件,或者是编译后的 Bootstrap JavaScript代码组。
如果你要自行编译JavaScript组件,请将必须的 util.js包括进去。
可以在右上角定义一个.close关闭按钮效果,则需要在容器中引用 .alert-dismissible 类。
警告按钮上要增加data-dismiss="alert" 触发 JavaScript 动作,同时使用
要在关闭警报时生成警报提示,请确保添加.fade和.show样式。
Holy guacamole! You should check in on some of those fields below.
标签:
相关文章
-
无相关信息