Html 免费引导模板不工作
我正在努力使“封面”模板发挥作用。我所做的只是从文件夹中复制了这两个文件（HTML和CSS）以及getbootstrap.com中的所有模板，但它并没有显示在网站上 HTML:Html 免费引导模板不工作,html,css,twitter-bootstrap,Html,Css,Twitter Bootstrap,我正在努力使“封面”模板发挥作用。我所做的只是从文件夹中复制了这两个文件（HTML和CSS）以及getbootstrap.com中的所有模板，但它并没有显示在网站上 HTML: /* *全球的 */ /*链接*/ A. 答：焦点， a:悬停{ 颜色：#fff； } /*自定义默认按钮*/ .btn默认值， .btn默认值：悬停， .btn默认值：焦点{ 颜色：#333； 文本阴影：无；/*阻止从“body”继承*/ 背景色：#fff； 边框：1px实心#fff； } /* *基础结构 */
/*
*全球的
*/
/*链接*/
A.
答：焦点，
a:悬停{
颜色：#fff；
}
/*自定义默认按钮*/
.btn默认值，
.btn默认值：悬停，
.btn默认值：焦点{
颜色：#333；
文本阴影：无；/*阻止从“body”继承*/
背景色：#fff；
边框：1px实心#fff；
}
/*
*基础结构
*/
html，
身体{
身高：100%；
背景色：#333；
}
身体{
颜色：#fff；
文本对齐：居中；
文本阴影：0 1px 3px rgba（0,0,0,5）；
}
/*用于表格样式垂直和水平居中的额外标记和样式*/
.网站包装{
显示：表格；
宽度：100%；
高度：100%；/*至少适用于Firefox*/
最小高度：100%；
-webkit盒阴影：插入0,0 100px rgba（0,0,0,5）；
盒影：嵌入0.100px rgba（0,0,0,5）；
}
.站点包装器内部{
显示：表格单元格；
垂直对齐：顶部；
}
.盖上容器{
右边距：自动；
左边距：自动；
}
/*间距填充*/
.内部{
填充：30px；
}
/*
*标题
*/
.报头品牌{
边缘顶部：10px；
边缘底部：10px；
}
.桅顶导航>李{
显示：内联块；
}
.桅顶导航>垂直+垂直{
左边距：20px；
}
.桅顶导航>li>a{
右边填充：0；
左侧填充：0；
字体大小：16px；
字体大小：粗体；
颜色：#fff；/*IE8打样*/
颜色：rgba（255255.75）；
边框底部：2倍纯色透明；
}
.桅顶导航>李>a:悬停，
.报头导航>li>a：聚焦{
背景色：透明；
边框底色：#A9A9；
边框底色：rgba（255255255.25）；
}
.masthead nav>.active>a，
.masthead nav>.active>a:悬停，
.masthead nav>.active>a:焦点{
颜色：#fff；
边框底色：#fff；
}
@介质（最小宽度：768px）{
.报头品牌{
浮动：左；
}
.桅顶导航{
浮动：对；
}
}
/*
*掩护
*/
.掩护{
填充：0 20px；
}
.cover.btn lg{
填充：10px 20px；
字体大小：粗体；
}
/*
*页脚
*/
马蹄铁{
颜色：#999；/*IE8打样*/
颜色：rgba（255255255,5）；
}
/*
*粘贴并居中
*/
@介质（最小宽度：768px）{
/*拉出页眉和页脚*/
桅顶{
位置：固定；
排名：0；
}
马蹄铁{
位置：固定；
底部：0；
}
/*开始垂直定心*/
.站点包装器内部{
垂直对齐：中间对齐；
}
/*处理宽度*/
马士德先生，
马斯特福特先生，
.盖上容器{
宽度：100%；/*必须是水平对齐的百分比或像素*/
}
}
@介质（最小宽度：992px）{
马士德先生，
马斯特福特先生，
.盖上容器{
宽度：700px；
}
}
引导程序的封面模板
掩护
盖上你的书页。
封面是一个单页模板，用于构建简单美观的主页。下载、编辑文本，并添加您自己的全屏背景照片，使其成为您自己的
盖模板，由
window.jQuery | | document.write（“”）
<!DOCTYPE html>
<html lang="en">
<head>
<meta charset="utf-8">
<meta http-equiv="X-UA-Compatible" content="IE=edge">
<meta name="viewport" content="width=device-width, initial-scale=1">
<!-- The above 3 meta tags *must* come first in the head; any other head content must come *after* these tags -->
<meta name="description" content="">
<meta name="author" content="">
<link rel="icon" href="../../favicon.ico">
<title>Cover Template for Bootstrap</title>
<!-- Bootstrap core CSS -->
<!-- Latest compiled and minified CSS -->
<link rel="stylesheet" href="https://maxcdn.bootstrapcdn.com/bootstrap/3.3.7/css/bootstrap.min.css" integrity="sha384-BVYiiSIFeK1dGmJRAkycuHAHRg32OmUcww7on3RYdg4Va+PmSTsz/K68vbdEjh4u" crossorigin="anonymous">
<!-- Optional theme -->
<link rel="stylesheet" href="https://maxcdn.bootstrapcdn.com/bootstrap/3.3.7/css/bootstrap-theme.min.css" integrity="sha384-rHyoN1iRsVXV4nD0JutlnGaslCJuC7uwjduW9SVrLvRYooPp2bWYgmgJQIXwl/Sp" crossorigin="anonymous">
<!-- IE10 viewport hack for Surface/desktop Windows 8 bug -->
<link rel="stylesheet" href="http://getbootstrap.com/assets/css/ie10-viewport-bug-workaround.css">
<!-- Custom styles for this template -->
<link href="http://getbootstrap.com/examples/cover/cover.css" rel="stylesheet">
<!-- Just for debugging purposes. Don't actually copy these 2 lines! -->
<!--[if lt IE 9]><script src="../../assets/js/ie8-responsive-file-warning.js"></script><![endif]-->
<link rel="stylesheet" href="http://getbootstrap.com/assets/js/ie-emulation-modes-warning.js">
<!-- HTML5 shim and Respond.js for IE8 support of HTML5 elements and media queries -->
<!--[if lt IE 9]>
<script src="https://oss.maxcdn.com/html5shiv/3.7.3/html5shiv.min.js"></script>
<script src="https://oss.maxcdn.com/respond/1.4.2/respond.min.js"></script>
<![endif]-->
</head>
<body>
<div class="site-wrapper">
<div class="site-wrapper-inner">
<div class="cover-container">
<div class="masthead clearfix">
<div class="inner">
<h3 class="masthead-brand">Cover</h3>
<nav>
<ul class="nav masthead-nav">
<li class="active"><a href="#">Home</a></li>
<li><a href="#">Features</a></li>
<li><a href="#">Contact</a></li>
</ul>
</nav>
</div>
</div>
<div class="inner cover">
<h1 class="cover-heading">Cover your page.</h1>
<p class="lead">Cover is a one-page template for building simple and beautiful home pages. Download, edit the text, and add your own fullscreen background photo to make it your own.</p>
<p class="lead">
<a href="#" class="btn btn-lg btn-default">Learn more</a>
</p>
</div>
<div class="mastfoot">
<div class="inner">
<p>Cover template for <a href="http://getbootstrap.com">Bootstrap</a>, by <a href="https://twitter.com/mdo">@mdo</a>.</p>
</div>
</div>
</div>
</div>
</div>
<!-- Bootstrap core JavaScript
================================================== -->
<!-- Placed at the end of the document so the pages load faster -->
<script src="https://ajax.googleapis.com/ajax/libs/jquery/1.12.4/jquery.min.js"></script>
<script>window.jQuery || document.write('<script src="../../assets/js/vendor/jquery.min.js"><\/script>')</script>
<!-- Latest compiled and minified JavaScript -->
<script src="https://maxcdn.bootstrapcdn.com/bootstrap/3.3.7/js/bootstrap.min.js" integrity="sha384-Tc5IQib027qvyjSMfHjOMaLkfuWVxZxUPnCJA7l2mCWNIpG9mGCD8wGNIcPD7Txa" crossorigin="anonymous"></script>
<!-- IE10 viewport hack for Surface/desktop Windows 8 bug -->
<script src="http://getbootstrap.com/assets/js/ie10-viewport-bug-workaround.js"></script>
</body>
</html>
引导程序的封面模板
掩护
盖上你的书页。
封面是一个单页模板，用于构建简单美观的主页。下载、编辑文本，并添加您自己的全屏背景照片，使其成为您自己的
盖模板，由
window.jQuery | | document.write（“”）
<!DOCTYPE html>
<html lang="en">
<head>
<meta charset="utf-8">
<meta http-equiv="X-UA-Compatible" content="IE=edge">
<meta name="viewport" content="width=device-width, initial-scale=1">
<!-- The above 3 meta tags *must* come first in the head; any other head content must come *after* these tags -->
<meta name="description" content="">
<meta name="author" content="">
<link rel="icon" href="../../favicon.ico">
<title>Cover Template for Bootstrap</title>
<!-- Bootstrap core CSS -->
<!-- Latest compiled and minified CSS -->
<link rel="stylesheet" href="https://maxcdn.bootstrapcdn.com/bootstrap/3.3.7/css/bootstrap.min.css" integrity="sha384-BVYiiSIFeK1dGmJRAkycuHAHRg32OmUcww7on3RYdg4Va+PmSTsz/K68vbdEjh4u" crossorigin="anonymous">
<!-- Optional theme -->
<link rel="stylesheet" href="https://maxcdn.bootstrapcdn.com/bootstrap/3.3.7/css/bootstrap-theme.min.css" integrity="sha384-rHyoN1iRsVXV4nD0JutlnGaslCJuC7uwjduW9SVrLvRYooPp2bWYgmgJQIXwl/Sp" crossorigin="anonymous">
<!-- IE10 viewport hack for Surface/desktop Windows 8 bug -->
<link rel="stylesheet" href="http://getbootstrap.com/assets/css/ie10-viewport-bug-workaround.css">
<!-- Custom styles for this template -->
<link href="http://getbootstrap.com/examples/cover/cover.css" rel="stylesheet">
<!-- Just for debugging purposes. Don't actually copy these 2 lines! -->
<!--[if lt IE 9]><script src="../../assets/js/ie8-responsive-file-warning.js"></script><![endif]-->
<link rel="stylesheet" href="http://getbootstrap.com/assets/js/ie-emulation-modes-warning.js">
<!-- HTML5 shim and Respond.js for IE8 support of HTML5 elements and media queries -->
<!--[if lt IE 9]>
<script src="https://oss.maxcdn.com/html5shiv/3.7.3/html5shiv.min.js"></script>
<script src="https://oss.maxcdn.com/respond/1.4.2/respond.min.js"></script>
<![endif]-->
</head>
<body>
<div class="site-wrapper">
<div class="site-wrapper-inner">
<div class="cover-container">
<div class="masthead clearfix">
<div class="inner">
<h3 class="masthead-brand">Cover</h3>
<nav>
<ul class="nav masthead-nav">
<li class="active"><a href="#">Home</a></li>
<li><a href="#">Features</a></li>
<li><a href="#">Contact</a></li>
</ul>
</nav>
</div>
</div>
<div class="inner cover">
<h1 class="cover-heading">Cover your page.</h1>
<p class="lead">Cover is a one-page template for building simple and beautiful home pages. Download, edit the text, and add your own fullscreen background photo to make it your own.</p>
<p class="lead">
<a href="#" class="btn btn-lg btn-default">Learn more</a>
</p>
</div>
<div class="mastfoot">
<div class="inner">
<p>Cover template for <a href="http://getbootstrap.com">Bootstrap</a>, by <a href="https://twitter.com/mdo">@mdo</a>.</p>
</div>
</div>
</div>
</div>
</div>
<!-- Bootstrap core JavaScript
================================================== -->
<!-- Placed at the end of the document so the pages load faster -->
<script src="https://ajax.googleapis.com/ajax/libs/jquery/1.12.4/jquery.min.js"></script>
<script>window.jQuery || document.write('<script src="../../assets/js/vendor/jquery.min.js"><\/script>')</script>
<!-- Latest compiled and minified JavaScript -->
<script src="https://maxcdn.bootstrapcdn.com/bootstrap/3.3.7/js/bootstrap.min.js" integrity="sha384-Tc5IQib027qvyjSMfHjOMaLkfuWVxZxUPnCJA7l2mCWNIpG9mGCD8wGNIcPD7Txa" crossorigin="anonymous"></script>
<!-- IE10 viewport hack for Surface/desktop Windows 8 bug -->
<script src="http://getbootstrap.com/assets/js/ie10-viewport-bug-workaround.js"></script>
</body>
</html>
引导程序的封面模板
掩护
盖上你的书页。
封面是一个单页模板，用于构建简单美观的主页。下载、编辑文本，并添加您自己的全屏背景照片，使其成为您自己的
盖模板，由
window.jQuery | | document.write（“”）
css