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％寬度的頂部酒吧 - 不起作用

回答

相關問題