2017-10-15 2 views
-4

이것은 내 첫 번째 웹 사이트이며 내 포트폴리오의 URL입니다 https://sarthak-port.000webhostapp.com/Mportfolio.html 무료 호스팅을 위해 webhost를 사용했습니다. 내 문제는 코드에서 부트 스트랩 클래스를 사용했지만 내 페이지가 작은 화면에 완전히 반응하지 않습니다. . 너희들도 똑같이 할 수있는 아이디어를 제안 해 줄 수 있니?작은 화면에 대한 웹 사이트의 반응성에 대해

+0

이 질문은 귀하가 사이트 코드를 게시하고 응답 성 수정을 요청할 수있는 코드 리뷰 커뮤니티에 더 적합 할 것입니다. 거기에서 더 좋은 제안을 얻을 수 있습니다. –

답변

1

"My Works"공간에서 사용하는 것을 조금 보면서 내 프로필은 각 요소에 대해 col-xs-3 클래스 만 사용합니다. 당신이 절에서는 응답 만에 다시 정렬하려면 당신은 아마 모든 행에 다음 작은 화면 폭에 당신이 모든 행에 4 개 개의 4 요소를 가지고 있어야 큰 화면 폭에

class="col-lg-3 col-md-3 col-sm-6 col-xs-12" 

처럼 단지 2 요소를이 방법을 클래스를 사용한다 마침내 매우 작은 화면에서 모든 행에 1 요소 만 있습니다. 모든 요소를 ​​col-xs-3으로 설정하면 모든 화면에서 모든 행에 네 개의 요소가 필요합니다. 마지막 섹션에서는 입력 필드가 부트 스트랩 클래스를 사용하여 중간으로 설정하지 않습니다. 한 가지 방법은 (3 그리드 셀 귀하의 의견과 6 + 빈 그리드 셀 다시 빈 3 그리드 셀) 센터로 입력을 보낼 수 있습니다 다른 사람이 Twitter Bootstrap 3: How to center a block 같은 것을 사용할 수

col-md-6 col-md-3-offset 

이 방법을 사용하는 것입니다 . 부트 스트랩에는 사용할 수있는 클래스가 많이 있지만 파고가 필요합니다.

관련 문제