Question

当我单击以折叠展开时，如何制作整行？因为现在我只有当我点击加/减图标时我才希望能够点击行上的任何位置来折叠/展开。

＆＃13;

 <link href="https://adminlte.io/themes/AdminLTE/dist/css/AdminLTE.min.css" rel="stylesheet"/>
  <link href="https://adminlte.io/themes/AdminLTE/dist/css/skins/_all-skins.min.css" rel="stylesheet"/>
  <link href="https://adminlte.io/themes/AdminLTE/bower_components/font-awesome/css/font-awesome.min.css" rel="stylesheet"/>
  <link href="https://adminlte.io/themes/AdminLTE/bower_components/Ionicons/css/ionicons.min.css" rel="stylesheet"/>
 
 <div class="box box-default collapsed-box box-solid">
                <div class="box-header with-border">
                  <h3 class="box-title">Expandable</h3>

                  <div class="box-tools pull-right">
                    <button type="button" class="btn btn-box-tool" data-widget="collapse"><i class="fa fa-plus"></i>
                    </button>
                  </div>
                  <!-- /.box-tools -->
                </div>
                <!-- /.box-header -->
                <div class="box-body">
                  The body of the box
                </div>
                <!-- /.box-body -->
              </div>
                     <script src="https://code.jquery.com/jquery-1.11.1.min.js"></script>
              
                 <script src="https://adminlte.io/themes/AdminLTE/bower_components/jquery/dist/jquery.min.js"></script>
     <script src="https://adminlte.io/themes/AdminLTE/bower_components/bootstrap/dist/js/bootstrap.min.js"></script>
      <script src="https://adminlte.io/themes/AdminLTE/dist/js/adminlte.min.js"></script>
       <script src="https://adminlte.io/themes/AdminLTE/dist/js/demo.js"></script>

＆＃13;

＆＃13; 制作完整的snipet，只有当你点击右上角时才能看到，这应该是一个加号，但我不知道为什么它没有显示在这里，任何人都可以帮助我，我怎么能在我点击方框标题折叠/取消折叠

Answer 1

给出data-widget =＆＃34; collapse＆＃34;像这样的标题容器：

<div class="box box-default collapsed-box box-solid">
                <div class="box-header with-border" data-widget="collapse">
                  <h3 class="box-title">Expandable</h3>

                  <div class="box-tools pull-right">
                    <button type="button" class="btn btn-box-tool" ><i class="fa fa-plus"></i>
                    </button>
                  </div>
                  <!-- /.box-tools -->
                </div>
                <!-- /.box-header -->
                <div class="box-body">
                  The body of the box
                </div>
                <!-- /.box-body -->
              </div>

如何使折叠不折叠整行不仅加上图标

1 个答案: