Rumah  >  Artikel  >  hujung hadapan web  >  bootstrap的组件有哪些?

bootstrap的组件有哪些?

青灯夜游
青灯夜游asal
2020-11-19 13:56:387072semak imbas

bootstrap的组件有:Modal模态对话框、Dropdown下拉菜单、Scrollspy滚动监听、Tab标签页、Tooltip工具提示、Popover浮动提示、Carousel轮播、Affix附加导航、Collapse折叠等等插件。

bootstrap的组件有哪些?

Bootstrap,来自 Twitter,是目前最受欢迎的前端框架。

Bootstrap 是基于 HTML、CSS、JAVASCRIPT 的,它简洁灵活,使得 Web 开发更加快捷。【相关推荐:《bootstrap视频教程》】

Bootstrap中包含了丰富的Web组件,根据这些组件,可以快速的搭建一个漂亮、功能完备的网站。

组件:一般是指软件系统的一部分,承担了特定的职责,可以独立于整个系统进行开发和测试, 一个良好设计的组件应该可以在不同的软件系统中被使用(可复用)。

比如我们可以写一个官网的响应式导航栏组件,什么时候官网扩增页面了,可以直接拉过来重复使用。

bootstrap的组件有哪些?

bootstrap提供了字体排印、窗体、按钮、导航及其他各种组件及Javascript扩展,旨在使动态网页和Web应用的开发更加容易。

可重用组件

除了基本HTML元素,Bootstrap还包括了其他常用的界面元素,例如带有高级功能的按钮(例如按钮组合、带有下拉菜单选项的按钮、导航栏、水平和垂直标签组、导航、分页等等)、标签、高级排版、缩略图、警告信息、进度条等。

这些组件都使用CSS的类实现。在页面中需要将其对应到特定的HTML元素上面。

JavaScript组件

通过jQuery,Bootstrap加入了一些JavaScript组件。它们提供了例如对话框、工具提示、轮播等功能。此外还增强了一些用户界面元素的功能,例如输入框的自动完成。

Bootstrap 2.0支持以下JavaScript插件:Modal(模态对话框)、Dropdown(下拉菜单)、Scrollspy(滚动监听)、Tab(标签页)、Tooltip(工具提示)、Popover(浮动提示)、Alert(警告)、Button(按钮)、Collapse(折叠)、Carousel(轮播)、Typeahead(输入提示)、Affix(附加导航).

更多编程相关知识,请访问:编程学习!!

Atas ialah kandungan terperinci bootstrap的组件有哪些?. Untuk maklumat lanjut, sila ikut artikel berkaitan lain di laman web China PHP!

Kenyataan:
Kandungan artikel ini disumbangkan secara sukarela oleh netizen, dan hak cipta adalah milik pengarang asal. Laman web ini tidak memikul tanggungjawab undang-undang yang sepadan. Jika anda menemui sebarang kandungan yang disyaki plagiarisme atau pelanggaran, sila hubungi admin@php.cn
Artikel sebelumnya:关于bootstrap model隐藏问题Artikel seterusnya:bootstrap做什么用的?