나는 멈춤 장치에 고정되어 있고 내용으로 스크롤하는 네비게이션 막대가 있습니다. 그런 다음 탐색 바 아래에 테스트 컨텐츠가 있습니다.가로 슬라이드 바 부트 스트랩을 제거하는 방법 3
두 div 클래스 중 하나는 클래스 jumbotron이고 다른 하나는 행입니다. 어떤 이유로 든 내용이 작은 화면 막대가있는 내 화면에 적합하며 슬라이드 할 때 10px 정도의 흰색 틈이 있음을 알 수 있습니다. 네비게이션에는 아무런 차이가 없으며 신체 내용 만 있습니다.
당신은 빠른 수정 시도가 CSS를이를 추가 한 후 경우
body,html{
overflow-x: hidden;
}
그렇게하는 것이 좋지 않습니까? –
"quick fixes"는 종종 .rowtain의 클래스를 사용하여 div에 요소를 넣거나 .container 클래스를 사용하여 div로 페이지를 둘러 볼 수도 있습니다. 실패하면 문제가 발생할 수있는 여백이 설정되지 않습니다. – dhutchinson
너비가 100 % 인 사용자 정의 컨테이너 클래스를 추가했지만 그 작업은 아무 것도하지 않습니다. –
행이이 문서에서 설명하는 <div class="container"> 또는 <div class="container-fluid">
에 싸여해야합니다 http://getbootstrap.com/css/#grid
행은
.container(고정 너비) 또는.container-fluid(전체 너비) 내에 있어야합니다. 적절한 정렬과 패딩을 위해서.
몸체에 용기를 흘리면 유체가 수평 스크롤을 제거합니다. 그러나 지금은 내 콘텐츠가 화면의 전체 너비를 늘리지 않습니다. 몇 픽셀 너비의 콘텐츠 양쪽에 간격이 있습니다. 유체의 컨테이너를 제공하지 않을 때 내용이 화면의 전체 너비 였지만 가로 스크롤은 오른쪽으로 만 움직였습니다. 간격은 오른쪽이 아니라 양쪽 모두에있었습니다. –
그리드 시스템을 사용하려면 어떻게 작동하는지 완전히 알아야합니다. 링크 된 문서를주의 깊게 읽었습니까? 또한 개발자 도구 (예 : 크롬의 개발자 도구)를 사용하여 레이아웃에서 수행중인 작업 (여백 및 안쪽 여백 등)을 확인해 보았습니까? – Tims
'. 컨테이너'안에'.row'를 넣고 있습니까? 귀하의 코드를 보여주십시오. – Tims
내 코드는 절대 쓰레기처럼 보입니다. 몸에 컨테이너가없는 단지 두 개의 별도 div가 있습니다. 너비가 100 % 인 사용자 지정 컨테이너를 추가하려고했지만 작동하지 않았습니다. –
사용자 정의 컨테이너를'class = "container"또는'class = "container-fluid"'로 사용하여 div로 줄 바꿈하지 마십시오. – Tims