素材巴巴 > 程序开发 >

boostrap组件

程序开发 2023-09-07 19:42:50

Bootstrap 来自Twitter(推特),是目前最受欢迎的前端框架。Bootstrap 是基于HTML,css,JavaScript的,它简洁灵活,使得web开发更加快速。

框架:顾名思义就是一套架构,它有一套比较完整的网页功能解决方案,而且控制权在框架本身,有预制的样式库,组件和插件。使用者要按照框架所规定的某种规范进行开发。

这是我所学到的用CSS基础,所以我要分享给你们,希望可以帮助到你们。

组件一:

警告提示框(Alert)

警告框组件通过提供一些灵活的预定义消息,为常见的用户动作提供常见的上下反馈消息和提示。

警报是一组颜色控件(共八个颜色样式),可用于任何长度的文本,以及可选的关闭按钮,系统提供8个可用的正确的样式(如,.alert-success),如你还可以使用jQuery插件方法来解除内联元素。

例如:

 

关闭警告(小贴士效果)

使用.alert结合JavaScript,可以实现警报效果,贴在页面上,并可以自由关闭,其要点如下:

确保你正确加载了.alert警报组件,或者是编译后的 Bootstrap JavaScript代码组。

如果你要自行编译JavaScript组件,请将必须的 util.js包括进去。

可以在右上角定义一个.close关闭按钮效果,则需要在容器中引用 .alert-dismissible 类。

警告按钮上要增加data-dismiss="alert" 触发 JavaScript 动作,同时使用

 


标签:

上一篇: Vue前端框架选型论证 下一篇:
素材巴巴 Copyright © 2013-2021 http://www.sucaibaba.com/. Some Rights Reserved. 备案号:备案中。