布局滑块材质设计

Question

我不能让滑块消耗索引的整个区域，请注意，在网站上看到“结构”一节的一半，我已经尝试了一切，但我对CSS不太好。

My Code

<div id="intro" class="section scrollspy"> 

    <div class="slider"> 
    <ul class="slides"> 
     <li> 
     <img src="http://3.bp.blogspot.com/-XANwq8Lfs3Y/Tg5owyTsXII/AAAAAAAAAAs/0w3j13_dgKc/s320/canuto008.JPG"> <!-- random image --> 
     <div class="caption center-align"> 
      <h3>Lazer a seu alcance.</h3> 
      <h5 class="light grey-text text-lighten-3">Espaço pensado e estruturado para o seu lazer.</h5> 
     </div> 
</div> 

Answer 1

你试图使滑块占据整个屏幕like this？

如果是这样，尝试添加full_width选项将滑块初始化：

$(document).ready(function(){ 
    $('.slider').slider({full_width: true}); 
});