우리는 부트 스트랩 cols 클래스 (col-md - * ...)를 사용하여 반응 할 UI 구성 요소 ICONS LIST를 만들려고합니다. 예를 들어 레이아웃 2:10의 서로 다른 열에 동일한 UI 구성 요소를 표시하려고 할 때 문제가 발생합니다. 동작 (보기)이 달라야합니다 ...이 UI 구성 요소가 COL 2 내부에 설정되어 있으면 모든 아이콘을 세로로 (각 행을 행으로 구분하여)보고 싶지만 구성 요소가 COL 10 내부에 설정된 경우 우리는 아이콘 목록을 가로보기로보고 싶습니다. UI 구성 요소의 동작은 미디어 태그가 아닌 부모 요소에 따라 달라야한다고 가정 해 보겠습니다. 그렇다면 결과를 얻기 위해 우리가 사용해야하는 솔루션은 무엇입니까?부트 스트랩 콜 동작
-1
A
답변
0
시도는 아이콘을 표시 인라인 블록와 고정 폭을 얻었다 (또는 왼쪽/오른쪽 흐름). 아이콘이 (좁은 사업부에서 COL 때
폭은 COL-2의 약간의 절반 이상이어야한다
이 방법은, (그래서 같은 행에서 2 개 아이콘에 대한 공간이 없습니다) -2), 모든 아이콘은 별도의 행에 표시됩니다 - 즉 수직으로 표시됩니다. 넓은 부서 (col-10)에있는 동안 그들은 연속으로 배치됩니다.
관련 문제
- 1. 부트 스트랩 3.2 콜 마진
- 2. 이상한 부트 스트랩 동작
- 3. 부트 스트랩 반응성 임베드 이상한 동작
- 4. IE8에서 부트 스트랩 버그 3 동작
- 5. 부트 스트랩 선택, SO 태그와 같은 동작
- 6. 트위터 부트 스트랩 모달콜 컨트롤러 동작
- 7. 재정 부트 스트랩 마법사의 기본 동작
- 8. 트위터 부트 스트랩 버튼 동작 + 모달 열기
- 9. 모든 브라우저에서 트위터 부트 스트랩 3 동작
- 10. 트위터 부트 스트랩 아코디언 이상한 동작
- 11. 부트 스트랩 고정 된 내비게이션 동작
- 12. 부트 스트랩 격자로 이상한 선택 동작
- 13. 부트 스트랩 그리드 시스템 암시 적 동작
- 14. 부트 스트랩 3 : 모바일에서 호버링 동작 중지
- 15. 반응에서의 부트 스트랩 모달 같은 동작
- 16. 부트 스트랩 콜 - sm - 중간 장치에서 효과를 걸릴
- 17. 부트 스트랩 3 : 행/콜 클래스 내부에 붙박이 바닥 글
- 18. 부트 스트랩 캐 러셀을 통해 콜 아웃 배치
- 19. 부트 스트랩
- 20. 부트 스트랩에 부트 스트랩
- 21. 부트 스트랩 .Constructor는 부트 스트랩 플러그인 정의에서
- 22. 부트 스트랩 테이블에서 부트 스트랩 라벨 사용하기
- 23. 부트 스트랩 2에서 부트 스트랩 3
- 24. 부트 스트랩 v3.0.1에서 부트 스트랩 v3.1.1로 마이그레이션
- 25. 부트 스트랩 V2의 부트 스트랩 v3 아이콘
- 26. 내가 부트 스트랩 3 사용하고 부트 스트랩
- 27. 부트 스트랩 3.0.2 부트 스트랩 문서에 기본
- 28. 부트 스트랩
- 29. 부트 스트랩
- 30. 부트 스트랩
안녕하세요. Greg. 나는 당신의 해결책이 무엇인지 이해하지만,이 시나리오에서는 그렇지 않다고 생각합니다. 고정 너비를 사용할 수없고 그리드 (UI 기반)로 인해 부트 스트랩 열을 사용해야합니다. 부트 스트랩에서 각 미디어 장치 화면 크기에 대해 다른 클래스를 제공하는 옵션이 있습니다 (휴식을 기억합니까?) ... 그래서 그것을 사용하고 싶습니다. 예를 들어 ol-xs-12 col-md-9 등 ... 내가 무슨 뜻인지 이해 했니? :) –