부트 스트랩 푸시 및 당기기 옵션이 작동하지 않는 것 같습니다.

Question

그리드 옵션을 사용하려고 시도하지만 작동하지 않습니다. 나는 부트 스트랩 CSS와 js (푸시/풀이 js 또는 CSS를 통해 수행되는지 확실하지 않음)와의 통합에서 왔다고 생각한다. 이 URL에서

<div class="row"> 
<div class="col-md-9 col-md-push-3">Should be on the right</div> 
<div class="col-md-3 col-md-pull-9">Should be on the left</div> 
</div> 

:

은 내 웹 페이지의 맨 위에 작동합니다 푸시 풀 추가 한 http://www.dylog.test.resamarket.com/clients/connexion

나는 그것이 작동하지 않는 이유를 아무 생각을하고, 조사를 시작해야할지 모르겠습니다.

Answer 1

푸시/풀 클래스가 잘못 적용되고 있습니다.

형식은 다음과 같습니다

[push|pull]-[viewport size]-[column count].

스왑을보다 쉽게 ​​볼 수 있도록 열 중 하나를 강조 표시했습니다.

.col-md-9.push-md-3 { 
 
    background-color: #fc0; 
 
}

<link href="https://maxcdn.bootstrapcdn.com/bootstrap/4.0.0-alpha.5/css/bootstrap.min.css" rel="stylesheet" /> 
 
<div class="container"> 
 
    <div class="row"> 
 
    <div class="col-md-9 push-md-3">.col-md-9 .push-md-3</div> 
 
    <div class="col-md-3 pull-md-9">.col-md-3 .pull-md-9</div> 
 
    </div> 
 
</div>

Answer 2

난 당신이 부트 스트랩 4.0 알파의 다운로드 버전을 사용하는 것을 알 수있다. 나는 줄을 추가 경우 : <title> 태그 다음과 호출 위에

<link rel="stylesheet" href="https://maxcdn.bootstrapcdn.com/bootstrap/3.3.7/css/bootstrap.min.css"> 

을, 그냥 잘 작동합니다. 파일이 정상적으로 보이는 이유는 확실하지 않습니다. Bootstrap의 프로덕션 버전을 사용해 보는 것이 좋습니다.

col swap http://webdevpdx.com/soverflow/col-swap.png