이것은 내 첫 번째 웹 사이트이며 내 포트폴리오의 URL입니다 https://sarthak-port.000webhostapp.com/Mportfolio.html 무료 호스팅을 위해 webhost를 사용했습니다. 내 문제는 코드에서 부트 스트랩 클래스를 사용했지만 내 페이지가 작은 화면에 완전히 반응하지 않습니다. . 너희들도 똑같이 할 수있는 아이디어를 제안 해 줄 수 있니?작은 화면에 대한 웹 사이트의 반응성에 대해
-4
A
답변
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
이 방법을 사용하는 것입니다 . 부트 스트랩에는 사용할 수있는 클래스가 많이 있지만 파고가 필요합니다.
관련 문제
- 1. 유성 연기 - 반응성에 대한 영향
- 2. 센터 웹 사이트의 작은 해상도
- 3. 작은 화면에 HTML로로드하기
- 4. 작은 iframe을 통해 웹 사이트의 부분을 보시겠습니까?
- 5. 작은 화면에 양식을 표시하는 방법
- 6. 301 웹 사이트의 비슷한 페이지에 대해 리디렉션
- 7. 가짜 계정/웹 사이트의 로그인에 대해 걱정해야합니까?
- 8. drupal 분류 된 웹 사이트의 카테고리에 대해
- 9. 웹 사이트의 codeigniter에 대한 htaccess
- 10. 웹 사이트의 "현재 상태"구현에 대한 조언?
- 11. OpenCV 작은 화면에 지연이 표시됩니까?
- 12. 작은 화면에 모든 TableRow 표시
- 13. html은 작은 화면에 CSS를로드하지 않습니다.
- 14. 작은 화면에 맞게 크기 조정
- 15. 웹 사이트의 디렉토리에 대한 다른 IP 주소
- 16. 웹 사이트의 링크를 통해 모바일 화면에 URL 바로 가기 추가
- 17. 하나의 큰 이미지를 사용하여 웹 사이트의 작은 이미지로 나누려면 어떻게해야합니까?
- 18. 웹 사이트의 모든 제품에 대한 페이지 만들기
- 19. 큰 화면에서 웹 사이트가 엉망이고 작은 화면에 스크롤 막대가 표시됩니다.
- 20. 큰 화면에 작은 웹 페이지 하단에 바닥 글을 넣는 방법
- 21. 웹 사이트의 부품에 대한 액세스 제한 (장고)
- 22. 작은 브라우저 창에서 웹 사이트의 상단 부분이 숨겨져 있습니다.
- 23. 도서관 웹 사이트의 디스플레이 이미지에 대한 솔루션
- 24. Webpack으로 작은 웹 사이트의 html 헤더 생성을 자동화하는 방법은 무엇입니까?
- 25. 작은 공간이 내 웹 사이트의 오른쪽에 계속 나타납니다.
- 26. 웹 사이트의 모든 웹 페이지에 대한 고유 한 메타 데이터
- 27. 웹 사이트의 파일에 대한 액세스 제한
- 28. 웹 사이트의 여러 변수에 대한 PHP 카운터
- 29. 웹 사이트의 일부에 대한 수신 Json을 필터링하십시오.
- 30. 웹 사이트의 파일에 대한 URL 액세스 방지
이 질문은 귀하가 사이트 코드를 게시하고 응답 성 수정을 요청할 수있는 코드 리뷰 커뮤니티에 더 적합 할 것입니다. 거기에서 더 좋은 제안을 얻을 수 있습니다. –