슬라이드이미지(carousel) 너비수정
페이지 정보
작성자 Anthonymun 쪽지보내기 메일보내기 자기소개 아이디로 검색 전체게시물 댓글 3건 작성일 21-07-12 18:30본문
Css를 수정하거나 Index에서 강제로 주어도 반영이되질 않아서요
댓글목록
소프트존님의 댓글
소프트존 쪽지보내기 메일보내기 자기소개 아이디로 검색 전체게시물 작성일
무료 와이드 테마의 /테마폴더/css 가 있습니다.
modern-business.css 약 500번째줄을 보시게 되면
/* 모바일기기 */
@media only screen and (max-width: 320px) {
/* 모바일 1 슬라이드 크기 조절 */
.carousel-item {
height: 200px;;
min-height: 200px;
background: no-repeat center center scroll;
-webkit-background-size: cover;
-moz-background-size: cover;
-o-background-size: cover;
background-size: cover;
}
/* 모바일 슬라이드 텍스트 크기 조절 */
.carousel-caption h3{font-size:16px;}
.carousel-caption p{font-size:14px;}
/*
네비
**********/
.navbar-brand { font-size:25px; font-weight:bold; }
.navbar-nav li {
padding: 5px 0 5px 10px;
}
}
/* 모바일기기 + 태블릿 */
위 처럼 되어 있습니다.
미디어쿼리를 사용하여 데스크탑시, 모바일시 세로크기를 별도로 조정하실 수 있습니다.
감사합니다.
소프트존님의 댓글
소프트존 쪽지보내기 메일보내기 자기소개 아이디로 검색 전체게시물 작성일
너비라면 가로크기를 말씀하시는것 같은데요.
기본적으로 케러젤의 경우 풀사이즈이기 때문에
슬라이드 코드....
위 처럼 감싸 주시면 슬라이드가 줄어들게 됩니다.~
나머지는 container 이나 다른 클래스를 하나 넣어서 너비를 별도로 조정하실 수가 있습니다.
수고하세요~
Anthonymun님의 댓글
Anthonymun 쪽지보내기 메일보내기 자기소개 아이디로 검색 전체게시물 작성일Css에서 width값만 넣고있었는데 컨테이너로 감싸는건 생각도 못했네요 감사합니다