2017-03-23 4 views
0

열에 문제가 있습니다. 나는 md와 더 큰 장치를위한 5 개의 열과 sm을위한 4 개의 열과 xs를위한 3 개의 열을 가지고 있다고 가정한다. 문제는 큰 화면에서 모든 항목이 화면의 왼쪽에 있다는 것입니다. 나는 내 코드를 살펴 봤지만 왜 이런 식으로되었는지 알 수 없다.동적 부트 스트랩 열

당장이 같다 : I '는 enter image description here

+1

우리가 무엇을 시도했는지 보여주세요. (코드) – Roy

+0

1 초주세요, 파트너가 수행 한 나쁜 부분을 제거해야합니다 :) – GossetStudent

+0

그래서'col-'주위에'row'가 있습니다. 하나의'row'는 12' col-'를위한 공간을 가지고 있습니다. xs에 3 개의'col-'을 넣고 싶다면 12/3 = 4이기 때문에 각 div에'col-4' 클래스를 줄 수 있습니다. sm에 대해서도 같은 원칙이 있지만 12를 5로 나눌 수는 없습니다 – DestinatioN

답변

2

: 본질적 enter image description here

I가이 같은 것으로 할, 바람직하게는 각각의 칼럼 내의 중심 (서로 적층 단어없이) 어떤 코드인지 모르겠지만 다음과 같이 작성하십시오 : 참고 : 짝수가되도록하려면 12의 구분을해야합니다. 5 개의 짝수 열은 양쪽에 오프셋이 없으면 실제로 작동하지 않습니다.

<div class="container-fluid"> 
    <div class="row"> 
     <div class="col-md-offset-1 col-md-2 col-sm-3 col-xs-4">Blue Box</div> 
     <div class="col-md-offset-1 col-md-2 col-sm-3 col-xs-4">Blue Box</div> 
     <div class="col-md-offset-1 col-md-2 col-sm-3 col-xs-4">Blue Box</div> 
     <div class="col-md-offset-1 col-md-2 col-sm-3 col-xs-4">Blue Box</div> 
     <div class="col-md-offset-1 col-md-2 col-sm-3 col-xs-4">Blue Box</div> 
    </div> 
</div> 

이 질문에 대한 답변을 보내 주시면 추가하거나 명확히해야 할 것이 있으면 알려 주시기 바랍니다.

+0

작은 장치의 경우 1/2 div를 숨기로되어 있습니다. – GossetStudent

+0

아, 코드와 함께 마지막 div가 푸시 다운됩니다. 동일한 수준으로 유지할 수있는 방법은 무엇입니까? – GossetStudent

+0

더 작은 장치에서 div를 숨기시겠습니까? 그것은 나쁜 습관이지만, 그렇다면 미디어 쿼리를 사용해야 할 것입니다. 어떤 크기로 내려 갔습니까? –