首页 > 代码库 > Bootstarp---轻轻松松让你的网页颜值爆表

Bootstarp---轻轻松松让你的网页颜值爆表

2024-11-14 12:55:02   203人阅读

   Bootstrap太强大了，刚开始接触就已经被它深深的吸引了。

  首先Bootstrap是什么呢？

   Bootstrap是Twitter推出的一个开源的用于前端开发的工具包。它由Twitter的设计师Mark Otto和Jacob Thornton合作开发，是一个CSS/HTML框架。Bootstrap提供了优雅的HTML和CSS规范，它即是由动态CSS语言Less写成。Bootstrap一经推出后颇受欢迎，一直是GitHub上的热门开源项目，包括NASA的MSNBC（微软全国广播公司）的Breaking News都使用了该项目。

  它能让我们做些什么呢？

  你是不是在网页制作的时候经常对那些网页布局，写css样式和重复的js特效而烦恼。那么Bootstrap就解决了我们的问题。 Bootstrap中包含了丰富的Web组件，根据这些组件，可以快速的搭建一个漂亮、功能完备的网站。其中包括以下组件：下拉菜单、按钮组、按钮下拉菜单、导航、导航条、面包屑、分页、排版、缩略图、警告对话框、进度条、媒体对象等。所有你网站中常用到的它都包含了。

  怎么使用呢？

   只要到Bootstrap官网：http://getbootstrap.com/下载它。里面包括js、css和image三个文件夹。使用的时候跟我们平时引入js和css文件一样。当然如果你只想使用其中的一个组件你也可以单独下载它的js文件。

  下面这个例子就是我几分钟搭建的一个页面

 技术分享

   代码：

   

<!DOCTYPE html PUBLIC "-//W3C//DTD XHTML 1.0 Transitional//EN" "http://www.w3.org/TR/xhtml1/DTD/xhtml1-transitional.dtd">
<html xmlns="http://www.w3.org/1999/xhtml">
<head>
<meta http-equiv="Content-Type" content="text/html; charset=utf-8" />
<title>Bootstrap</title>
<script type="text/JavaScript" src=http://www.mamicode.com/"jquery-1.9.1.min.js"></script>>
         技术分享技术分享
   Bootstrap和EasyUI的选用：EasyUI主要适合做后端，比如企业的内部管理系统侧重于后台管理。而Bootstrap适合做前端，它拥有强大的组件，绚丽多样的效果。
   有了以前CSS,JS的基础Bootstrap的学习很容易。而且现在很多的互联网企业都在使用这个框架。
   简单快速的让网页颜值爆表就选Bootstrap!
   
Bootstarp---轻轻松松让你的网页颜值爆表


联系
我们