1
FAQ 페이지를 다시 작성하려고합니다. 모바일/태블릿 기기의 카테고리 간격을 수정해야합니다. 나는 패딩과 너비로 그것을 고치려고했지만 꽤 잘 작동하지 않았다.태블릿/휴대 기기에서이 열을 어떻게 분류합니까?
.faqs_content .faq_content .faq .media-left {
padding: 0 30px;
}
A
답변
0
반응 형으로 사용하려면 백분율을 사용하는 것이 가장 좋습니다.
1
패딩을 사용하면 그렇게 할 수 없습니다. 당신은이 게시물을 https://css-tricks.com/snippets/css/a-guide-to-flexbox/
을 읽어보실 것을 권장합니다 그리고, float 같은 반응 디자인, 또는 뭔가 flex-box를 사용해야합니다 당신이 빌드 부트 스트랩을 사용하여 반응 디자인 웹 사이트 플렉스 상자에게 가장 쉬운 방법을 사용하지 않으려는 경우.
부트 스트랩 열에 정적 너비를 설정하고 있습니다. 'col-sm-3 faq_category'를 입력 한 다음 'col-sm-3 faq_category {width : 278px; }'. 이것은 반발합니다. 열 너비는 %로 지정해야합니다. 부트 스트랩'container','row' 또는'col' 패딩, 여백 또는 너비를 사용하지 말 것을 권장합니다. 프레임 워크와 싸우지 마라! – zgood
%로 설정해야하는 너비는 무엇입니까? –
'col-sm-3'의 너비는 너비 (25 %)의 bootstrap.css 파일에 이미 설정되어 있으므로'faq_category {width : 278px; } '이고 해당 열은 25 %로 설정됩니다. – zgood