100％幅上部のバーは - 私はCSSで画面のすべての幅を取るtopbarを作成しようとしています

動作しません。今日はブートストラップをしようとすることを決めたと私の標準的な方法では動作しません：100％幅上部のバーは - 私はCSSで画面のすべての幅を取るtopbarを作成しようとしています

の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

あなたは画面が広い100pxにある場合はフルスクリーンされます100pxに幅などを、与えてくれました。あなたはおそらく100％を望むでしょう。 – ssube

@metrampaz助けてくれると嬉しいです！ StackOverflowへようこそ！ –

あなたtopbarのCSSは、実際に100％を言う代わりにする必要があり100pxまた、bootstrap.cssファイルを2回リンクしています。

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

編集：

また、あなたのCSSタグでリンクにtype="text/css"を追加してみてください。

出典

2012-02-11 14:20:53

100pxに何も表示されなかったとき、100％に切り替えた後も何も表示されません。余分なbootstrap.cssリンクを削除しても何も変わりませんでした。あなたの心に来る他の解決策はありますか？ – metrampaz

@metrampaz他のCSSはありますか？ –

いいえ、ちょうどのみ#topbarとTwitterのbootstrap.cssのEDITを含むstyle.cssに：私は色の代わりに、背景色を置きます。 – metrampaz

100％幅上部のバーは - 私はCSSで画面のすべての幅を取るtopbarを作成しようとしています

答えて

関連する問題