毕业论文

打赏
当前位置: 毕业论文 > 计算机论文 >

BootStrap框架的企业网站设计+源代码(2)

时间:2019-08-16 21:09来源:毕业论文
(2)Bootstrap框架现在已经开发许多现成的代码片段,这些代码片段可以使你的网站展现出更好的视觉效果。此外,CSS利用LESS编写,很多样式现在已经完成


(2)Bootstrap框架现在已经开发许多现成的代码片段,这些代码片段可以使你的网站展现出更好的视觉效果。此外,CSS利用LESS编写,很多样式现在已经完成,开发者只要找到自己的需要直接添加到HTML代码当中即可。
(3)Bootstrap框架最大的优点是它的栅格,组件库可以作为一些没有设计规范的小公司的一种设计规范。
2. Bootstrap框架组成部分
Bootstrap框架把现有的内容进行了合理的划分,主要由CSS样式,Less,组件,框架(Scaffolding)以及JavaScript五个部分组成。
2.1框架
框架所提供的各种布局都是基于网格的,包括自适应布局、普通网格系统、嵌入式网格、固定布局,同时可以对网格和布局进行自定义。Bootstrap是一个响应式框架,开发者只需要设计一个文件就可以使其自适应不同的设备和屏幕。Bootstrap 提供了一套移动设备优先、响应式的流式栅格系统,随着设备屏幕的尺寸不断地增大,系统会自动分为最多12列。它包含了易于使用的预定义类,还有强大的mixin 用于生成更具语义的布局。
栅格系统通过行(row),列(column)来完成页面布局,行(row)必须包含在.container (固定宽度)或 .container-fluid (100% 宽度)中,然后就可以在行(row)的基础上进行列的布局。设计人员都知道,最难的就是DIV布局,栅格系统非常好,大大的降低了DIV布局的开发时间和难度。另外一个就是做布局操作了,布局也分为固定和流式,让不太精通CSS布局也能轻松操作布局 BootStrap框架的企业网站设计+源代码(2):http://www.youerw.com/jisuanji/lunwen_37432.html
------分隔线----------------------------
推荐内容