top

与bootstrap的第一次接触

2017年07月05日

Home > learn > 与bootstrap的第一次接触

简介

Bootstrap,来自 Twitter,是目前很受欢迎的前端框架。Bootstrap 是基于 HTML、CSS、JAVASCRIPT 的,它简洁灵活,使得 Web 开发更加快捷。

 

特点

Bootstrap是基于HTML5CSS3开发的,它在jQuery的基础上进行了更为个性化的完善,形成一套自己独有的网站风格,并兼容大部分jQuery插件。

 

 

按照个人理解,bootstrap是一套预设好的前端框架。
包括css,js,font都进行了预设,方便前端编写者灵活而快速的进行布局,
相当于我们只要对html进行编写就可以了,
而 且 是 响 应 式 的!

 

bootstrap中文官网:http://www.bootcss.com/

 

Bootstrap 环境安装

 

其实bootstrap的安装是很容易的

首先到官网下载bootstrap:http://v3.bootcss.com/

您将会看到如下图所示网页

 

 

点击“下载Bootstrap”

将会跳转到资源选择页面

 

 

对于初学者来说,下载第一个就可以了(后两个可以改变bootstrap的默认样式)。

下载zip文件解压后我们会得到一个文件夹

里边包含css,fonts,js三个文件夹,就是bootstrap的真身了。

它的目录结构应该是这样的:

 

我们可以建立一个html文件进行测试,

按照正常方式引用bootstrap的css和js就可以了。

比如:写入

 

 

就可以得到:如下样式

 

 

当然更多的使用需要详细学习bootstrap的语法:http://codeguide.bootcss.com/

 

标签:

上一篇:

下一篇: