col-xs-6 bootstrap сложены как col-xs-12

Я использую Bootstrap 3.0 с Wordpress, и мои столбцы не работают в моей второй строке. Я хочу, чтобы они отображались как 2 divs в одной строке. Вместо этого они сложены, и я не могу понять, где я ошибаюсь. Я только начинаю и использую внутренние стили в своем заголовке, чтобы внести изменения в мою сетку и получить макет.col-xs-6 bootstrap сложены как col-xs-12

Я запускаю это на localhost с помощью MAMP и Chrome. Любая помощь будет оценена!

Вот код до сих пор:

index.php

<!doctype html> 
    <html lang="en"> 
<head> 
    <meta charset="UTF-8"> 
    <title>Bootstrap and WP</title> 
    <meta name="viewport" content="width=device-width, initial-scale=1.0"> 
    <link href="bootstrap.css" rel="stylesheet" media="screen"> 

<style> 

.col-xs-12 { 
     height: 50px; 
     background-color: blue; 
     color: white; 
     text-align: center; 
     border: 1px solid black; 
} 
.col-xs-6 { 
     height: 50px; 
     background-color: yellow; 
     color: black; 
     border: 1px solid black; 
     text-align: center; 
    } 
    </style> 
</head> 

<body> 

    <div class="container"> 

    <div class="row"> 
     <div class="col-xs-12">.col-xs-12</div> 
    </div> 

    <div class="row"> 
     <div class="col-xs-6">.col-xs-6</div> 
     <div class="col-xs-6">.col-xs-6</div> 

    </div> 
</div> 

</body> 
</html>

источник

2014-09-08 JMalek210

Ваш код верен и отлично работает, см. Http://www.bootply.com/mwS3GvdzCR. У вас должно быть что-то другое, кроме этого кода – Devin

Мне интересно, могут ли мои стили в моем заголовке проблемы ... Тем не менее, я не работаю для меня. – JMalek210

Спасибо, что проверил Фабио! – JMalek210

Проверьте файл bootstrap.css. У меня была такая же проблема с моими панелями col-xs-6, и у css-файлов было .col-xs-5,.col-xs-12,.col-xs-7 вместо .col-xs-5,.col-xs-6,.col-xs-7. Все экземпляры, которые должны были быть .col-xs-6, были .col-xs-12. Исправьте их в файлах bootstrap.css и bootstrap.min.css.

источник

2014-10-22 16:38:50 Cryptix

col-xs-6 bootstrap сложены как col-xs-12

ответ

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