前端框架指的是用于简化网页设计的框架。使用前端框架,可以很大程度的提高我们对网页的开发效率,而且做出的页面也是非常好看的。接下来,我以Bootstrap框架为例,为大家分享下前端框架入门教程。
工具/原料
Bootstrap框架
方法/步骤
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 插件的内容。
注意事项
1
每一个功能模块都必须认真学习
2
希望能对您有所帮助
上一篇:如何成为web前端开发工程师?
下一篇:如何成为一名高级的前端工程师