佈局滑塊材質設計

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}); 
});