Question

我正在学习一些twitter bootstrap概念。但该片段并未显示我期望的结果。问题在于品牌div。品牌类显示标题，但在我的浏览器中看起来不像基本网页。

这里有什么不对吗？

EDIT1 ＆lt;％@ Page Language =“C＃”AutoEventWireup =“true”CodeBehind =“WebForm1.aspx.cs”Inherits =“TVS.WebForm1”％＆gt;

<!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>

Answer 1

嗯，有几件事。您的css文件链接顺序错误，并且您的html中链接了相同文件的正常版本和缩小版本。您只需要其中一个，通常是开发期间的常规生产和生产中的缩小生产。与javascript文件相同，您只需要其中一个，它们应该位于页面底部，就在关闭正文标记之前。

ASP NET -Bootstrap不能很好地工作

1 个答案: