Question

我正在尝试创建一个使用css占据屏幕宽度的顶部栏。今天我决定尝试Bootstrap，我的标准方法不起作用：

的style.css：

#topbar{
    width:100px;
    height:30px;
    color: #000000;
}

HTML：

<html>
<head>

    <title>Wave Magazine | Site with style.</title>
    <!-- JavaScript -->
    <script src="js/bootstrap.js"></script>
    <script src="js/bootstrap.min.js"></script>
    <!-- Le styles -->
    <link href="css/bootstrap.css" rel="stylesheet">
    <link href="css/bootstrap.css" rel="stylesheet">
    <link href="css/style.css" rel="stylesheet" >

</head>
<body>
 <!-- topbar -->
    <div id="topbar">
        <div class="container">
            <div class="row">
                <div class="span4">
                    BlaBlaBla
                </div>
            </div>
        </div>
    </div>                      
</body>
</html>

Answer 1

你的topbar CSS实际上应该说100％而不是100px。此外，您已将bootstrap.css文件链接两次。

#topbar{
    width:100%;
    height:30px;
    color: #000000;
}

修改

还可以尝试将type="text/css"添加到已链接的css标记中。

100％宽度顶栏 - 不起作用

1 个答案: