多语言展示
当前在线:1359今日阅读:103今日分享:49

前端框架入门教程

前端框架指的是用于简化网页设计的框架。使用前端框架,可以很大程度的提高我们对网页的开发效率,而且做出的页面也是非常好看的。接下来,我以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

希望能对您有所帮助

推荐信息