前端框架入门教程

2025-06-08 04:37:33

1、我们使用浏览器搜索“bootstrap”。如图,我们点击进入“Bootstrap中文网”。

前端框架入门教程

2、进入Bootstrap中文网页面后,我们在上方导航栏中可以看到Bootstrap已经有2、3、4三个版本。这里,我们以版本3为例。

前端框架入门教程

3、进入Bootstrap3中文文档页面后,我们在导航栏中可以看到“起步”这个选项。这便是我们学习Bootstrap的起步,我们点击它。

前端框架入门教程

4、起步页面,主要为我们介绍了 Bootstrap,以及如何下载、使用,还有基本模版和案例,等等。只学习,起步是远远不够的,我们还要学习css样式。

前端框架入门教程

5、全局CSS样式中介踏群拆虮绍了设置全局 CSS 样式;基本的 HTML 元素均可以通过 class 设置样式并得到增强效果;还有先进的栅格系统。

前端框架入门教程

6、组件中介绍了无数可复用的组件,包括字体图标、下拉菜单、导航、警告框、弹出框等更多功能。

前端框架入门教程

7、学到这里基本上,将Bootstrap的基本知识学的差不多了。如果希望给页面添加更多的效果,还需要学习JavaScript 插件的内容。

前端框架入门教程
声明:本网站引用、摘录或转载内容仅供网站访问者交流或参考,不代表本站立场,如存在版权或非法内容,请联系站长删除,联系邮箱:site.kefu@qq.com。
猜你喜欢