Layout Slider Material Design

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