col-xs-6 부트 스트랩이 col-xs-12로 스택 됨

Wordpress에서 Bootstrap 3.0을 사용 중이고 내 열이 두 번째 행에서 작동하지 않습니다. 같은 줄에 2 개의 div로 표시되기를 원합니다. 그 대신에 그들은 겹쳐 쌓여서 어디서 잘못 될지 알 수가 없습니다. 나는 시작하고 나의 표제에있는 내부 작풍을 나의 격자에 비틀기를 만들고 나의 배치를 아래로 얻는 사용하고있다.col-xs-6 부트 스트랩이 col-xs-12로 스택 됨

저는 이것을 MAMP와 Chrome을 사용하는 localhost에서 실행하고 있습니다. 어떤 도움이라도 대단히 감사하겠습니다!

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-6,.col-xs-7 대신 .col-xs-5,.col-xs-12,.col-xs-7이였습니다. .col-xs-6이어야하는 모든 인스턴스는 .col-xs-12였습니다. bootstrap.css 및 bootstrap.min.css 파일에서이를 수정하십시오.

출처

2014-10-22 16:38:50 Cryptix

col-xs-6 부트 스트랩이 col-xs-12로 스택 됨

답변

관련 문제