我正在学习一些twitter引导程序的概念。但这个片段并没有显示出我所期望的结果。问题出在branddiv内部。brand类显示了一个标题,但在我的浏览器中看起来不像基本网页。
这里有什么问题吗?
编辑1<%@Page Language="C#"AutoEventWireup="true"CodeBehind="WebForm1.aspx.cs"Inherits="TVS.WebForm1"%>
<!DOCTYPE html PUBLIC "-//W3C//DTD XHTML 1.0 Transitional//EN" "http://www.w3.org/TR/xhtml1/DTD/xhtml1-transitional.dtd">
<html xmlns="http://www.w3.org/1999/xhtml">
<head runat="server">
<link href="css/bootstrap.css" rel="stylesheet" type="text/css" />
<meta name="viewport" content="width-device-width, initial-scale=1.0" />
<title></title>
</head>
<body>
<script src="js/bootstrap.js" type="text/javascript"></script>
<div class="navbar-fixed-top">
<div class="navbar-inner">
<div class="container">
<a href="#" class="brand">Responsive</a>
<br />
<a class="brand" href="#">Project name</a>
<div class="nav-collapse collapse">
<ul class="nav">
<li><a href="WebForm1.aspx">Home</a></li>
<li><a href="WebForm1.aspx">About us</a></li>
<li><a href="WebForm1.aspx">Contact</a></li>
</ul>
</div>
</div>
</div>
</div>
<form id="form1" runat="server">
<div>
</div>
</form>
</body>
</html>
好吧,有几件事。您的css文件的链接顺序错误,并且您的html中链接了相同文件的普通版本和缩小版本。您只需要其中一个,通常是开发过程中的常规版本和生产过程中的缩小版本。与javascript文件相同,您只需要其中一个,它们应该位于页面底部,就在关闭body标记之前。