상단 너비 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

너비는 100px로 지정했습니다. 화면의 너비가 100px 인 경우 전체 화면이됩니다. 당신은 아마 100 %를 원할 것입니다. – ssube

@metrampaz 도움을받을 수있어서 기쁩니다! StackOverflow에 오신 것을 환영합니다! –

귀하의 topbar의 CSS 실제로 100 % 말을 대신한다 100px 또한 bootstrap.css 파일을 두 번 연결했습니다.

#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 만 포함 된 style.css 편집 : 배경색 대신 색상을 지정합니다. – metrampaz

상단 너비 100 % 너비 - 작동하지 않습니다.

답변

관련 문제