열에 문제가 있습니다. 나는 md와 더 큰 장치를위한 5 개의 열과 sm을위한 4 개의 열과 xs를위한 3 개의 열을 가지고 있다고 가정한다. 문제는 큰 화면에서 모든 항목이 화면의 왼쪽에 있다는 것입니다. 나는 내 코드를 살펴 봤지만 왜 이런 식으로되었는지 알 수 없다.동적 부트 스트랩 열
답변
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>
이 질문에 대한 답변을 보내 주시면 추가하거나 명확히해야 할 것이 있으면 알려 주시기 바랍니다.
작은 장치의 경우 1/2 div를 숨기로되어 있습니다. – GossetStudent
아, 코드와 함께 마지막 div가 푸시 다운됩니다. 동일한 수준으로 유지할 수있는 방법은 무엇입니까? – GossetStudent
더 작은 장치에서 div를 숨기시겠습니까? 그것은 나쁜 습관이지만, 그렇다면 미디어 쿼리를 사용해야 할 것입니다. 어떤 크기로 내려 갔습니까? –
- 1. CSS를 사용하는 부트 스트랩 행의 동적 열
- 2. 부트 스트랩 동적 열 크기 조정
- 3. 부트 스트랩 : 동적 데이터
- 4. 부트 스트랩 열
- 5. 부트 스트랩 열 공간
- 6. 트위터 부트 스트랩 열
- 7. 패널의 부트 스트랩 열
- 8. 열의 부트 스트랩 열
- 9. 부트 스트랩 3 열
- 10. 부트 스트랩 중복 열
- 11. 부트 스트랩 3.0 열
- 12. 부트 스트랩 슬라이딩 열
- 13. 부트 스트랩 12 열
- 14. 부트 스트랩 열 CSS
- 15. 부트 스트랩 열 높이
- 16. 부트 스트랩 열
- 17. 부트 스트랩 열 규칙
- 18. 부트 스트랩 동적 관리 모달
- 19. 부트 스트랩 툴팁 동적 배치
- 20. 동적 부트 스트랩 캐 러셀
- 21. 부트 스트랩 탭 동적 내용
- 22. 부트 스트랩 동적 활성 탐색
- 23. 동적 양식 요소 부트 스트랩
- 24. 동적 부트 스트랩 양식 정렬
- 25. 부트 스트랩 열 유체 .split
- 26. 부트 스트랩 그리드 - 먼저 열?
- 27. 부트 스트랩 전체 너비 열
- 28. 서로 아래에있는 열 부트 스트랩
- 29. 부트 스트랩 3 열 순서
- 30. 부트 스트랩 두 열 목록
우리가 무엇을 시도했는지 보여주세요. (코드) – Roy
1 초주세요, 파트너가 수행 한 나쁜 부분을 제거해야합니다 :) – GossetStudent
그래서'col-'주위에'row'가 있습니다. 하나의'row'는 12' col-'를위한 공간을 가지고 있습니다. xs에 3 개의'col-'을 넣고 싶다면 12/3 = 4이기 때문에 각 div에'col-4' 클래스를 줄 수 있습니다. sm에 대해서도 같은 원칙이 있지만 12를 5로 나눌 수는 없습니다 – DestinatioN