布局滑块材料设计

Question

我不能让滑块占据索引的整个区域，请注意该部分的一半＆＃34;结构＆＃34;在网站上可以看到，我已经尝试了所有内容，但我对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});
});