BootStrap框架的企业网站设计+源代码
毕业论文关键字：Bootstrap；企业网站；框架；响应式
The Design and Implementation of Enterprise Website Based on BootStrap Framework
Abstract:Nowadays, the network has become an important channel of information acquisition, Webpage has also become an important media for information transmission, in the current mainstream business website design, developers will be the site of the style and content of the corresponding uniform do beautiful. However, due to the type and version of the browser is numerous, will inevitably cause the browser compatibility caused by non uniform style and other aspects of the problem, the late cycle test will cause the long development cycle, development efficiency and other issues under the. The Bootstrap framework has solved these problems, and Bootstrap is the mainstream of today's response frame, this paper will make a more detailed introduction to the structure and content of Bootstrap framework.
Key Words: Bootstrap; Flexible media; Business website; Response type
目 录
摘 要 1
引言 1
1. Bootstrap框架概述 2
2. Bootstrap框架组成部分 2
2.1框架 2
2.2 全局CSS样式 4
2.3 Bootstrap组件 4
2.4 JavaScript插件 4
2.5 Bootstrap Less 5
3. Bootstrap框架的使用 6
3.1 Bootstrap框架文件结构 6
3.2 构造基本的html页面 6
3.3 根据需求添加内容 7
4. 基于Bootstrap框架的企业网站实例 7
4.1美术设计 8
4.2布局 8
4.3效果 9
5. 总结 9
参考文献 10
致 谢 11
基于BootStrap框架的企业网站设计与实现引言
在企业网站的开发当中，CSS+DIV是设计师在设计网页时使用的主流框架，但是在编写CSS的过程中会出现很多问题，所以开发者不但要有代码的编写能力，还要有丰富的编写代码的经验。不然很容易造成代码大量混杂和冗余。其次，在前期开发过程中浏览器的兼容问题也是无法避免的，解决兼容性问题需要很长时间，大大降低了开发的效率。Bootstrap作为一个出色的前端开发框架，有着直观、简单、移动设备优先等特点，让企业网站的开发更简单、更迅速。
1. Bootstrap框架概述
Bootstrap是一个由Twitter的设计师Mark Otto和Jacob Thornton合作开发的前端框架。Bootstrap 是基于 HTML、CSS、JAVASCRIPT 的，它直观、简单，使得 Web 开发更加迅速。Bootstrap提供了优雅的HTML和CSS规范，它即是由动态CSS语言Less写成。Bootstrap一经推出后颇受欢迎，在GitHub上一直是一个流行开源项目，包括NASA的MSNBC（微软全国广播公司）的Breaking News都使用了该项目。
Bootstrap框架的主要特点：
（1）Bootstrap是现在最受欢迎的响应式框架。你不用在为你的开发工作因为需要在不同设备上的兼容问题而苦恼了，因为Bootstrap能以超快的速递与效率适应不同平台间的差异。