스와이퍼로 메인화면을 구성하는데 여백이 생깁니다.
본문
1cm정도 좌우측에 여백이 생깁니다.
<div class="container-fluid">
<div class="row">
<div class="col-md-12 text-center">
<div class="swiper-container myswiper">
<div class="swiper-wrapper">
해당소스 일부분 입니다.
이여백을 없애고 싶은데 방법을 모르겠네요 css와 js에는 해당 여백에대한 설정은 없습니다.
답변 2
BS, 스와이프 매뉴얼을 참고해 보세요.
이런 답변을 기대하시는 게 아니시라면,
좀 더 자세한 정보를 올려서 도움을 구해보세요.
ps
아래 방법으로 해당 부위 스타일 점검해 보세요.
col-md-12 클래스에서 좌우측 padding 값 설정 같은데요
아니면 좀 더 상위의 div 에서 여백을 주고 있지 않은지 확인해보세요
알아보니 col-md-12의 값이 맞습니다. 그런데 쓰고있는 custom.css에서 col-md-12의 값을 새롭게 정의해서 패딩값을 없앴는데 또하나의 col-md-12가 잡히네요 grid.scss 이부분에서 잡히는거 같은데 원인을 파악하기 어렵네요 혹시 swipe에서 col-md-12를 안쓰고도 container-fluid 전체에 뿌리는 방법이 있을까요?
그냥 클래스 지정해서 !important 쓰시면 해결되지 않나요?
답변을 작성하시기 전에 로그인 해주세요.