我创建了一个带有包含图像的标题的示例页面。但该页面没有响应。我将类img-responsive
添加到img
标签,但它不响应。下面是代码:Twitter Boostrap 3页无响应
<!DOCTYPE html>
<html>
<head>
<title>A Sample Bootstrap Page</title>
<meta charset="utf-8">
<meta name="viewport" content="width=device-width, initial-scale=1, maximum-scale=1">
<link href="css/bootstrap.min.css" rel="stylesheet" media="screen">
<link href="css/style.css" rel="stylesheet">
<script src="http://code.jquery.com/jquery.js"></script>
<script src="js/bootstrap.min.js"></script>
</head>
<body>
<div class="container">
<div class="page-header" id="header">
<img id="logo" src="img/logo.png" height="100" alt="Image" class="img-responsive">
<p>Some text here</p>
</div>
</div>
</body>
</html>
的style.css中包括下列各项:
#header #logo
{
display: block;
margin-left: auto;
margin-right: auto;
}
你是用硬编码高度IMG高度= “100”,删除下手。 –
'style.css'是否包含'.page-header'的任何样式? – Last1Here
@ Last1Here style.css只包含#header #logo定义 –