2

나는 정의 간단한 부트 스트랩 그리드가flexslider2 및 부트 스트랩 그리드 compabaility

<div class="flexslider"> 
    <ul class="slides"> 
    <li> 
     <img src="slide1.jpg" /> 
    </li> 

그러나 응답 성이 좋고 위치를 제어하기가 쉽기 때문에 부트 스트랩 그리드를 사용하고 싶습니다. 그래서, 내 그리드를 유지하면서 flexslide를 적용 할 수 있습니까?

e.e. flddle에서 4 & 5가 처음에 숨겨지기를 바랍니다.

+2

Flexslider 2가 반응합니다. 당신의 본보기는 분명히 뭔가를 놓치고 있습니다. 원하는 출력은 무엇입니까? –

+1

@Ryan Flexslider 2는 반복을 위해 모든 요소를 ​​사라지게 할 것입니다. 실제로 flexslider는 Carrie Kendall이 언급 한대로 반응 형이며 열을 포함하는 너비의 너비로 100 % 확장됩니다. – MackieeE

답변

1

발생하는 문제가 표시되지 않지만 귀하의 jsfiddle을 업데이트했습니다. 이것은 당신이 후에 무엇이지만, 실제로 FlexSlider 당신이 슬라이드를 포장 할 수있는 "선택"옵션이있는 경우

<div class="row"> 
    <div class="col-md-4"> 
     <div class="flexslider"> 
      <ul class="slides"> 
       <li> 
        <img ... /> 
       </li> 
       <li> 
        <img ... /> 
       </li> 
       <li> 
        <img ... /> 
       </li> 
      </ul> 
     </div> 
    </div> 
</div> 
6

나도 몰라 :

당신은 열에 전체 flexslider을 배치해야 모든 요소에 당신이 원하는 :

jsFiddle

$('.flexslider').flexslider({ 
    selector: ".slides > div.col-md-4" 
}); 

어쨌든, 어쩌면 부트 스트랩 스타일 (Flexslider 방해 Flexslid 때문에 어,로드 할 때 슬라이드의 너비를 설정합니다.), 이것이 좋은 생각인지 확실하지 않습니다. 슬라이드의 특정 스타일을 쉽게 정의 할 수 있습니다.

+0

정확하게 필요한 것. 대답으로 표시되어야합니다. 고맙습니다! – DeltaTango