100％宽度的顶部酒吧 - 不起作用

我想制作一个顶部，采用CSS所有的屏幕宽度。今天，我决定尝试引导和我的标准方法不起作用：100％宽度的顶部酒吧 - 不起作用

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

来源

2012-02-11 metrampaz

您已将宽度设为100像素，如果您的屏幕宽度为100像素，宽度将为全屏。你可能想要100％。 – ssube 2012-02-11 14:16:07

@metrampaz很高兴能够帮助！欢迎来到StackOverflow！ – 2012-02-11 14:52:24

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

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

编辑：

还尝试加入type="text/css"你在CSS标签链接。

来源

2012-02-11 14:20:53

当我有100px什么也没有出现，在切换到100％后没有任何东西。删除多余的bootstrap.css链接也没有改变。你有没有想过的其他解决方案？ – metrampaz 2012-02-11 14:25:22

@metrampaz有没有其他的CSS？ – 2012-02-11 14:32:08

不，只是style.css，其中只包含#topbar和twitter的bootstrap.css编辑：我把颜色，而不是背景颜色。 – metrampaz 2012-02-11 14:41:20

100％宽度的顶部酒吧 - 不起作用

回答

相关问题