html - 布局 slider Material 设计

Question

我不能让 slider 占用整个索引区域，请注意，网站上有一半的“结构”部分，我已经尝试了所有方法，但我不擅长 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

你想让 slider 占满整个屏幕吗like this ？

如果是这样，请尝试将 full_width 选项添加到您的 slider 初始化中:

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