如何用 bootstrap 创建一个网站
Posted
tags:
篇首语:本文由小常识网(cha138.com)小编为大家整理,主要介绍了如何用 bootstrap 创建一个网站相关的知识,希望对你有一定的参考价值。
参考技术A 这篇教程旨在让你在20分钟内学会使用twitterbootstrap创建一个站点。看完这个教程后你应该能够使用bootstrap来建立一个基本的响应式布局的页面,了解栅格系统,并且能够使用bootstrap导航、导航条和了解响应式设计的基础。这些全部都是使用twitter
bootstrap所需要具备的知识。
首先需要说的是twitter
bootstrap是非常优秀的一个前端开源框架,它为所有的组键都提供了详细的用例,让你能够轻易地通过复制黏贴而附加到你的设计中。查阅官方文档:twitter.github.com/bootstrap/index.html
基本的HTML模板
我们需要以一个基本的HTML模板,这样我们能够把所需要的bootstrap文件包含进来。下面就是我们twitter
bootstrap项目的开头,复制这些代码到一个文件中并将其命名为index.html。
<!DOCTYPE
html>
<head>
<title>Twitter
Bootstrap
Tutorial
-
A
responsive
layout
tutorial</title>
<style
type='text/css'>
body
background-color:
#CCC;
</style>
</head>
<body>
</body>
</html>
这段代码中我们已经添加了一些CSS使页面的背景呈亮灰色,因为这样我们能够轻易地在我们的设计中看见不同的列,使它更加容易理解。
如何用Linux服务器搭建自己的网站?
以上是关于如何用 bootstrap 创建一个网站的主要内容,如果未能解决你的问题,请参考以下文章