bootstrap网站设计bootstrap做网站

本文目录一览：

• 1、Bootstrap简介
• 2、如何用 bootstrap 创建一个网站
• 3、如何使用bootstrap开发一个网站

Bootstrap简介

什么是Bootstrap？

Bootstr是一个用于快速开发web应用程序和网站的前端框架，Bootstrap是基于HTML，Css，JavaScript的。

Bootstrap历史：

        Bootstrap是由Twitt的Mark Otto和Jecob Thomton开发的。Bootstrap是2011年八月在Github上发布开源产品。

Bootstrap的优点：

       1.所有主流浏览器都支持Bootstrap。

        2.容易上手。

        3.响应式设计：Bootstrap的响应式能够自适应与台式机、平板电脑和手机。

        4.包含了强大的内置组件，易于定制。

        5.提供了基于web定制。

        6.Bootrap是开源的。

Bootstrap包含的内容 ：

        基本结构：Bootstrap提供了一个带有网络系统、链接样式、北京的基本结构。

        css：Bootstrap自带一下特性：全局css设置、定义基本的HTML元素样式、可扩展class、以及一个先进的网格系统。

        javascript 插件：Bootstrap包含了十几个自定义的的jq插件。你可以直接包含所有的插件，也可以逐个包含这些插件。

        组件：Bootstrap包含了十几个可重用的组件，用于创建图像、下拉菜单、导航、警告框、弹出框等等。

        定制：你可以定制Bootstrap的组件、lESS 变量和jQuer插件来得到你自己的版本。

如何用 bootstrap 创建一个网站

这篇教程旨在让你在20分钟内学会使用twitter

bootstrap创建一个站点。看完这个教程后你应该能够使用bootstrap来建立一个基本的响应式布局的页面，了解栅格系统，并且能够使用bootstrap导航、导航条和了解响应式设计的基础。这些全部都是使用twitter

bootstrap所需要具备的知识。

首先需要说的是twitter

bootstrap是非常优秀的一个前端开源框架，它为所有的组键都提供了详细的用例，让你能够轻易地通过复制黏贴而附加到你的设计中。查阅官方文档：twitter.github.com/bootstrap/index.html

基本的HTML模板

我们需要以一个基本的HTML模板，这样我们能够把所需要的bootstrap文件包含进来。下面就是我们twitter

bootstrap项目的开头，复制这些代码到一个文件中并将其命名为index.html。

!DOCTYPE

html

head

titleTwitter

Bootstrap

Tutorial

-

A

responsive

layout

tutorial/title

style

type='text/css'

body

{

background-color:

#CCC;

}

/style

/head

body

/body

/html

这段代码中我们已经添加了一些CSS使页面的背景呈亮灰色，因为这样我们能够轻易地在我们的设计中看见不同的列，使它更加容易理解。

如何使用bootstrap开发一个网站

1、网站设计，只是简单模块划分、内容概要

2、bootstrap进行页面内容区域固定、布局

3、样式美化、动画设计

bootstrap网站设计的介绍就聊到这里吧，感谢你花时间阅读本站内容，更多关于bootstrap做网站、bootstrap网站设计的信息别忘了在本站进行查找喔。