布局滑块材料设计

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