陣營油滑不工作

Question

我是新來的光滑，反應，反應，光滑和我進行了使用react-slick一個新的組件。當我實現響應式輪播和CSS（甚至在此之前）時，元素會垂直堆疊，如您在this image中所看到的。任何幫助，將不勝感激。

Answer 1

最好是添加你的代碼... 反正這裏是油滑做出反應的一個例子：

HTML：

<script src="https://facebook.github.io/react/js/jsfiddle-integration-babel.js"></script> 

<div id="container"> 
    <!-- This element's contents will be replaced with your component. --> 
</div> 

JS：

var ReactSlickDemo = React.createClass({ 
    render: function() { 
    var settings = { 
     dots: true 
    } 
    return (
     <div className='container'> 
     <Slider {...settings}> 
      <div><img src='http://placekitten.com/g/400/200' /></div> 
      <div><img src='http://placekitten.com/g/400/200' /></div> 
      <div><img src='http://placekitten.com/g/400/200' /></div> 
      <div><img src='http://placekitten.com/g/400/200' /></div> 
     </Slider> 
     </div> 
    ); 
    } 
}); 

ReactDOM.render(
    <ReactSlickDemo />, 
    document.getElementById('container') 
); 

CSS：

.container { 
    margin: 0 auto; 
    padding: 40px; 
    width: 80%; 
    color: #333; 
    background: #419be0; 
} 

從here