Css 使用Materialize创建可伸缩列

Css 使用Materialize创建可伸缩列,css,materialize,Css,Materialize,我有一张三栏的表格。我希望这些列在屏幕通过某个宽度后堆叠: <form id="shiftform" class="col s12 m12 l12"> <div class="form-group col s0 m4 l4"> {!! Form::label('shift_description', trans('crud.shiftdescription'))!!} {!! Form::text('descri

我有一张三栏的表格。我希望这些列在屏幕通过某个宽度后堆叠:

 <form id="shiftform" class="col s12 m12 l12">
      <div class="form-group col s0 m4 l4">
           {!! Form::label('shift_description',  trans('crud.shiftdescription'))!!}
           {!! Form::text('description', null, array('id'=> 'shift_description')) !!}
            {!!$errors->first('description', '<span class=error>:message</span>')!!}
      </div>
      <div class="form-group col s0 m4 l4">
           {!! Form::label('shift_starttime', trans('crud.shiftstarttime'))!!}
           {!! Form::text('starttime', null, array('id'=> 'shift_starttime')) !!}
           {!!$errors->first('starttime', '<span class=error>:message</span>')!!}
     </div>
     <div class="form-group col s0 m4 l4">
          {!! Form::label('shift_endtime', trans('crud.shiftendtime'))!!}
          {!! Form::text('endtime', null, array('id'=> 'shift_endtime')) !!}
          {!!$errors->first('endtime', '<span class=error>:message</span>')!!}
    </div>

  <input type="hidden" id="id" value="0">
</form>

{!!Form::label('shift_description',trans('crud.shiftdescription'))
{!!Form::text('description',null,array('id'=>'shift_description'))
{!!$errors->first('description',':message')
{!!Form::label('shift_starttime',trans('crud.shiftstarttime'))
{!!Form::text('starttime',null,array('id'=>'shift\u starttime'))
{!!$errors->first('starttime',':message')
{!!Form::label('shift_endtime',trans('crud.shiftendtime'))
{!!Form::text('endtime',null,数组('id'=>'shift\u endtime'))
{!!$errors->first('endtime',':message')
表单在每个屏幕大小上都是这样的:

(1) -----(2)-------(3)-------

有没有办法让它变成这样

(一)------

(二)------

(三)------


当屏幕变小时

网格的标记不正确。使用行包含列。我认为不存在像s0这样的类。请阅读以下文件:

您可以将标记更改为:



网格的标记不正确。使用行包含列。我认为不存在像s0这样的类。请阅读以下文件:

您可以将标记更改为:



哦,好吧,你只需删除s值:)我还必须从封闭分区中删除固定宽度设置。Joren,我没有得到它。您的意思是您可以在不添加行的情况下使用它?:)好的,那么当有5项时呢。。。?或者任何不能被除的数12@DavidKnag使用
push
pull
类。你查过这页了吗?如果有5项,请使用
pull-s7
。哦,好的,您只需删除s值即可:)我还必须从封闭分区中删除固定宽度设置。Joren,我没有得到它。您的意思是您可以在不添加行的情况下使用它?:)好的,那么当有5项时呢。。。?或者任何不能被除的数12@DavidKnag使用
push
pull
类。你查过这页了吗?如果有5项,请使用
pull-s7
。哦,好的,您只需删除s值即可:)我还必须从封闭分区中删除固定宽度设置。Joren,我没有得到它。您的意思是您可以在不添加行的情况下使用它?:)好的,那么当有5项时呢。。。?或者任何不能被除的数12@DavidKnag使用
push
pull
类。你查过这页了吗?如果有5项,则使用
pull-s7