2014-03-03 3 views
-1

우리는 부트 스트랩 cols 클래스 (col-md - * ...)를 사용하여 반응 할 UI 구성 요소 ICONS LIST를 만들려고합니다. 예를 들어 레이아웃 2:10의 서로 다른 열에 동일한 UI 구성 요소를 표시하려고 할 때 문제가 발생합니다. 동작 (보기)이 달라야합니다 ...이 UI 구성 요소가 COL 2 내부에 설정되어 있으면 모든 아이콘을 세로로 (각 행을 행으로 구분하여)보고 싶지만 구성 요소가 COL 10 내부에 설정된 경우 우리는 아이콘 목록을 가로보기로보고 싶습니다. UI 구성 요소의 동작은 미디어 태그가 아닌 부모 요소에 따라 달라야한다고 가정 해 보겠습니다. 그렇다면 결과를 얻기 위해 우리가 사용해야하는 솔루션은 무엇입니까?부트 스트랩 콜 동작

enter link description here

답변

0

시도는 아이콘을 표시 인라인 블록와 고정 폭을 얻었다 (또는 왼쪽/오른쪽 흐름). 아이콘이 (좁은 사업부에서 COL 때

폭은 COL-2의 약간의 절반 이상이어야한다

이 방법은, (그래서 같은 행에서 2 개 아이콘에 대한 공간이 없습니다) -2), 모든 아이콘은 별도의 행에 표시됩니다 - 즉 수직으로 표시됩니다. 넓은 부서 (col-10)에있는 동안 그들은 연속으로 배치됩니다.

+0

안녕하세요. Greg. 나는 당신의 해결책이 무엇인지 이해하지만,이 시나리오에서는 그렇지 않다고 생각합니다. 고정 너비를 사용할 수없고 그리드 (UI 기반)로 인해 부트 스트랩 열을 사용해야합니다. 부트 스트랩에서 각 미디어 장치 화면 크기에 대해 다른 클래스를 제공하는 옵션이 있습니다 (휴식을 기억합니까?) ... 그래서 그것을 사용하고 싶습니다. 예를 들어 ol-xs-12 col-md-9 등 ... 내가 무슨 뜻인지 이해 했니? :) –

관련 문제