100% ширина верхняя панель - не работает

Я пытаюсь сделать верхнюю панель, которая занимает всю ширину экрана с помощью css. Сегодня я решил попробовать Bootstrap и мой стандартный способ не работает: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, которая будет полноэкранным, если ваш экран имеет ширину 100 пикселей. Вероятно, вы хотите 100%. – ssube

@metrampaz Рад быть в состоянии помочь! Добро пожаловать в StackOverflow! –

Ваш topbar CSS фактически должны сказать 100% вместо 100px. Кроме того, вы дважды связали файл bootstrap.css.

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

Edit:

Также попробуйте добавить type="text/css" на ваш привязанный в CSS-теги.

источник

2012-02-11 14:20:53

Когда у меня было 100px ничего не появилось, после переключения на 100% тоже ничего. Удаление лишней ссылки bootstrap.css также ничего не изменило. Есть ли какие-нибудь другие решения, которые приходят вам на ум? – metrampaz

@metrampaz Есть ли еще какой-нибудь css? –

Нет, просто style.css, который содержит только #topbar и bootstrap.css twitter. EDIT: Я помещал цвет вместо фона. – metrampaz

100% ширина верхняя панель - не работает

ответ

Смежные вопросы