Bootstrap ialah rangka kerja front-end (HTML, CSS dan JavaScript) yang paling popular dan berkuasa yang menjadikan pembangunan web responsif (adaptif) lebih pantas dan mudah.
Bootstrap简介
Bootstrap最初是由Twitter的设计师和开发人员在2010年中期创建的。在成为开源框架之前,Bootstrap被称为Twitter蓝图。
Bootstrap是一个功能强大的前端框架,可以更快,更轻松地进行Web开发。它包括基于HTML和CSS的设计模板,用于创建常见的用户界面组件,如表单,按钮,导航,下拉菜单,警报,模态,选项卡,手风琴,轮播,工具提示等。
使用Bootstrap可以节省大量的时间和精力。
注意:默认情况下,Bootstrap 4具有响应性,采用移动优先方法。Bootstrap 4.3是Bootstrap最新,最稳定的版本。所有主要的现代浏览器都支持Bootstrap 4,例如Google Chrome,Firefox,Safari,Internet Explorer 10及更高版本等。
你可以用Bootstrap做什么
你可以用Bootstrap做更多的事情。
您可以轻松创建响应式网站。
您可以使用预定义的类快速创建多列布局。
您可以快速创建不同类型的表单布局。
您可以快速创建不同的导航栏变体。
您可以轻松创建手风琴,模态等组件,而无需编写任何JS代码。
您可以轻松创建动态选项卡来管理大量内容。
您可以轻松创建工具提示和弹出窗口以显示提示文本。
您可以轻松创建轮播或图像滑块来展示您的内容。
您可以快速创建不同类型的警报框。
其实远远不止这些,你可以用Bootstrap做很多其他有趣的事情。您将在后续章节中详细了解所有这些内容。
使用Bootstrap的优点
如果您对任何前端框架有过一些经验,那么您可能想知道是什么让Bootstrap如此特别。以下是为什么应该选择Bootstrap框架的一些优点:
节省大量时间 - 使用Bootstrap预定义设计模板和类可以节省大量时间和精力,并专注于其他开发工作。
响应功能 - 使用Bootstrap,您可以轻松创建在不同设备和屏幕分辨率上更合适的响应式网站,而无需更改标记。
一致的设计 - 所有Bootstrap组件通过中央库共享相同的设计模板和样式,因此网页的设计和布局将保持一致。
易于使用 - Bootstrap非常易于使用。任何具有HTML,CSS和JavaScript基本工作知识的人都可以使用Bootstrap开始开发。
兼容浏览器 - Bootstrap是在考虑现代Web浏览器的情况下创建的,它与所有现代浏览器兼容,如Chrome,Firefox,Safari,Internet Explorer等。
开源 - 最好的部分是,它可以完全免费下载和使用。
本教程涵盖的内容
这个Bootstrap教程系列涵盖了Bootstrap框架的所有功能,从基础知识开始,例如网格系统,排版样式机制,表单样式方法,以及样式化常用用户界面元素(如表,列表,图像等)的技术。
此外,您将学习如何利用随时可用的Bootstrap组件,如输入组,按钮组,媒体对象,导航栏,面板,分页,标签和徽章,进度条等,以及如何自定义它们以创建不同的变化。
最后,您将探索Bootstrap的一些高级功能,如创建模态窗口,动态选项卡,工具提示,警报,手风琴菜单,轮播,滚动等,以及如何使用可用选项和方法自定义它们或扩展其现有功能。
在您学习本课程之前,请先学习
Bab terbaru
- Bootstrap CSS编码规范 2016-10-19
- Bootstrap HTML编码规范 2016-10-19
- Bootstrap v2 教程 2016-10-19
- Bootstrap UI 编辑器 2016-10-19
- Bootstrap 附加导航 2016-10-19
- Bootstrap 轮播 2016-10-19
- Bootstrap 折叠 2016-10-19
- Bootstrap 按钮 2016-10-19
Kursus berkaitan
- Pengenalan pantas kepada pembangunan bahagian hadapan web 2021-12-10
- Kursus bahagian hadapan yang paling memahami anda: HTML5/CSS3/ES6/NPM/Vue/...[Asal] 2022-09-30
- Tutorial Video Permulaan Gulp 2022-04-18
- Tutorial video Brothers in Arms Gao Luofeng CSS3 2022-04-20
- Aplikasi web pembangunan AngularJS contoh tutorial video asas 2022-04-18
- Kenalan penuh Ajax 2022-04-13
- Tutorial video asas rangka kerja MUI 2022-04-13
- Kelas percubaan kelas latihan dalam talian 2019-01-10