2016-11-15 2 views
0

이 같은 사용자 프로필 카드를 만들 슬릭 사용하고 있습니다 : 슬릭 라이브러리를 사용하여 회전 목마의 같은 줄에 두 profile card를 추가하려고 할 때목록에 두 항목을 삽입하는 방법 Slick의 너비에 맞는 캐 러셀?

가 나는 문제가 있습니다.

두 개의 profile card을 포함 할 수있는 너비를 만들려면 containercontainer-fluid 클래스를 만들기로 결정했으나 그럴 수 없다는 것을 모릅니다.

그리고 Slick이 내 프로필 카드에 응답 할 수 있습니까?

현재 widthheightprofile card으로 고정해야합니다. 따라서 모바일 UI에서는 문제가 발생합니다.

당신은 여기에서 내 펜을 볼 수 있습니다 : 내 펜에서

그것은처럼 보여

http://codepen.io/r0ysy0301/pen/xROzrB

답변

1
<div class="container-fluid"> 
    <div class="row"> 
    <div class="col-md-12"> 
     <div class="regular slider slick-slider"> 

는 HTML 부트 스트랩 구조가 완전히 잘못된 것입니다. 나는 당신이 여기에서 내 펜 솔루션을 볼 수 있습니다

.... 코드가 PLZ 내 펜을 확인 다시 작성할 수 있습니다 :

http://codepen.io/inewton/pen/ObXaPO

+0

죄송합니다. 프런트 엔드에 대한 경험이 없습니다. 감사합니다 @ 쿠마르. – vanloc

+0

일반적으로 Bootstrap에 의해'container-fluid' 클래스를 생성 할 때이 클래스의 너비는 전체 화면입니다. 왜 미끄러 워서 오토 스케일을 작은 것으로 만드는지. 이 슬라이드 전체 화면을 보여주고 싶습니다. 고마워, @ amitkurmar. – vanloc

+1

이 클래스의 becoz [.slider { width : 50 %; 여백 : 100px 자동; }] 너비를 50 %에서 100 %로 변경했습니다. –