如何用 bootstrap 创建一个网站

Posted

tags:

篇首语:本文由小常识网(cha138.com)小编为大家整理,主要介绍了如何用 bootstrap 创建一个网站相关的知识,希望对你有一定的参考价值。

参考技术A 这篇教程旨在让你在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>
<title>Twitter
Bootstrap
Tutorial
-
A
responsive
layout
tutorial</title>
<style
type='text/css'>
body

background-color:
#CCC;

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

如何用Linux服务器搭建自己的网站?

安装httpd

搭建web服务器最重要的就是安装httpd服务了,命令如下

yum install -y httpd #安装httpd
systemctl status httpd #查看httpd的状态

/var/www/html/为存放用户网页文件的路径
可以在html目录下创建一个index文件
echo this is html > index.html

systemctl start httpd #启动httpd服务

最后关闭防火墙,就可以实现自己的计算访问linux服务器网站啦!


相关文章:

如何关闭linux防火墙

以上是关于如何用 bootstrap 创建一个网站的主要内容,如果未能解决你的问题,请参考以下文章

如何用 Unity 流畅创建网站?

如何用Bootstrap制作轮播图

如何用WordPress建立网站

如何用Bootstrap制作轮播图

[第14期] 如何用 Vue.js 实现一个建站应用

如何用java+tomcat来创建网站服务器