关于前端:前端开发框架之BootStrap入门学习

10次阅读

共计 746 个字符,预计需要花费 2 分钟才能阅读完成。

Bootstrap 是一组用于网站和网络应用程序开发的开源前端(所谓“前端”,指的是展示给最终用户的界面。与之对应的“后端”是在服务器下面运行的代码)框架,包含 HTML、CSS 及 JavaScript 的框架,提供字体排印、窗体、按钮、导航及其他各种组件及 Javascript 扩大,旨在使动静网页和 Web 利用的开发更加容易。(摘自维基百科)
BootStrap 提供了各种前端款式,根本能满足最根本的前端开发,其次要面向 mobile web,即官网介绍的 mobile-first projects,其装置也非常简单,只需在你的网页 </body> 标签前增加三行代码(提供 cdn 减速):

能够看到 bootstrap 须要依赖另外两个框架,别离是 jQuery.slim.js(jQuery.js 的轻量版)、Popper.js,这应该算是在前两个框架的根底上再次开发吧,前两个框架须要扎实的 js 根底,而 bootstrap 只须要照着成果贴代码前端培训就行了,当然,其也提供了批改源代码的形式,这在他每个 component 前面都会有介绍。
Bootstrap 同时提供 cdn 减速的链接:

咱们也能够间接点击 Download 下载残缺的 js,css 代码:

简略介绍一下 Bootstrap 提供的布局:格子零碎

你能够应用该零碎排布任何形态和大小的组件,以下是 Bootstrap 提供的示例:

Bootstrap 用代码展现了排布当前的成果,当你把 Bootstrap 装置当前,间接应用类为‘container’的 div 作为父标签,再应用类为‘row’的标签指定其排布,接着在其二级标签中增加类为‘col-sm’的 div 即可实现这种排布形式,并不会限度数量。
Bootstrap 提供了非常简单的应用形式,并且文档对每一个成果都进行了具体的解释和拓展。

正文完
 0