首页技术文章正文

Bootstrap有哪些组件?什么是Bootstrap?

更新时间:2023-08-08 来源:黑马程序员 浏览量:

IT培训班

Bootstrap预定义了一套CSS样式库和一套对应的JavaSeript代码,在使用时只需提供基本的HTML.结构,并添加Bootstrap预先提供的class名称,就可以实现指定的效果。在熟悉了Bootstrap的基本概念后,下面介Bootstrap的主要组成部分。

1.基本结构

Bootstrap提供了一个带有网格系统、链接样式、背景的基本结构。

2.CSS样式库

Bootstrap自带全局的CSS样式,并预先定义了基本的HTML元素样式、可扩展的mass,以及一个先进的栅格布局系统。Bootstrap的全局样式在Normalize.css(一款用来重置浏览器默认样式的样式库)的基础上,进行了一些改良,目的是让其更符合Bootstrap的设计思想。

1691480458075_Bootstrap.png

3.布局组件

Bootstrap包含了丰富的组件库,提供了十几个可重用的组件,用于创建图像、下拉菜单、导航、警告框、弹出框等。

4.插件

Bootstrap提供了一些基于jQuery(一个用于简化JavaScript库)构建的可选插件,用于实现某些功能,如分页、文件选择、日期选择等。

Bootstrap框架还允许开发人员自由定制Bootstrap的组件、Sass变量和jQuery插件,从而得到一套自定义的版本,提高了开发的灵活性。


分享到:
在线咨询 我要报名
和我们在线交谈!