Question

我创建了一个引导模式，当我使用我的笔记本电脑时工作正常，但当我尝试通过手机访问我的网页时它永远不会出现..任何想法..？我读到某个地方我也必须应用活动类在我的模态但它也没有工作.. 这是我的代码：

<div class="modal fade active" id="login" tabindex="-1" role="dialog" aria-   labelledby="myModalLabel" aria-hidden="true">      
 <div class="modal-dialog">

<div class="modal-content">

  <div class="modal-header text-center">

    <button type="button" class="close" data-dismiss="modal" aria-hidden="true">&times;</button>
    <h4 class="modal-title">Log in</h4>
  </div>{{--close modal header --}}

  <div class="modal-body text-center">

    {{ Form::open(array('route' => 'login.store','role'=>'form','class'=>'form-horizontal')) }}

      @if($errors->count()>0)
      <div class="alert alert-danger" style="text-align:center;">
      <p>Errors</p>
      <ul class="errors">
        @foreach($errors->all() as $error)
        <li>
          {{$error}}
        </li>
        @endforeach
      </ul>
    </div>
      @endif

      @if(Session::has('flash_message'))
      <div class="alert alert-danger" style="text-align:center;">
        <p>{{Session::get('flash_message')}}</p>
      </div>
      @endif

      <div class="form-group">
        <label class="col-sm-1 col-sm-offset-3 control-label col-xs-1 col-xs-offset-3"><span class="glyphicon glyphicon-user"></span></label>
        <div class="col-sm-5 col-xs-5">
          {{ Form::text('username', null, ['required'=>'1','placeholder'=>'Username','id'=>'user','class'=>'form-control']) }}
        </div>
      </div>

      <div class="form-group">
        <label class="col-sm-1 col-sm-offset-3 control-label col-xs-1 col-xs-offset-3"><span class="glyphicon glyphicon-lock"></span></label>
        <div class="col-sm-5 col-xs-5">
          {{ Form::password('password', ['required'=>'1','placeholder'=>'Password','id'=>'password','class'=>'form-control']) }}
        </div>
      </div>

    <br/>
     {{ Form::submit('login',['class'=>'btn']) }} or


          {{ Form::button('Sign up',['class'=>'btn btn-danger','data-dismiss'=>'modal','data-toggle'=>'modal','data-target'=>'#signup']) }}


    {{ Form::close() }}



  </div>{{--close modal body --}}

  <div class="modal-footer">
    <button type="button" class="btn btn-default" data-dismiss="modal">Close</button>

  </div>{{--close modal footer --}}

</div><!-- /.modal-content -->

  </div><!-- /.modal-dialog -->


</div>     {{--close modal --}}

Bootstrap 3模式不适用于智能手机

0 个答案: