你能帮我解决感冒的麻烦吗

Can you help me with col-md troubles?

本文关键字:麻烦 感冒 解决      更新时间:2024-05-01

我的仪表板有一些问题。我想合并一些文件,没有我的表"Cursos"向下移动并失去它的位置。我想要的是,当我滚动"Recursos y actividades"的表格时,表格保持固定。我发布它,因为我已经编码了我的仪表板。

这是代码:

<div class="row">
                <div class="col-md-4">
                    <div class="panel panel-default">
                        <div class="panel-heading">
                                    <div class="icon"><i class="icon20 i-users-5"></i></div>
                                    <h4>Usuarios</h4>
                                    <a href="#" class="minimize"></a>
                        </div> <!-- End .panel-heading -->
                                <div class="panel-body">    
                                    <ul id="myTab" class="nav nav-tabs">
                                        <li><a href="#tabla" data-toggle="tab">Lista de usuarios</a></li>   
                                        <li><a href="#usuarios" data-toggle="tab">Gráfica</a></li>
                                        <li><a href="#managers" data-toggle="tab">Managers</a></li>
                                    </ul>
                                    <div class="tab-content">
                                        <div class="tab-pane fade in active" id="tabla">
                                            <div class="panel-body">
                                                 <table cellpadding="0" cellspacing="0" border="0" class="table table-striped table-bordered table-hover" id="dataTable">
                                                    <?php require_once ("mod/dashboard/dashboard-usuarios.php");?>
                                                 </table>
                                                 <?
                                                echo $CFG->mdl_user;
                                                $idresult = mysql_query ("SELECT count(*) from mdl_user");
                                                    if ($idresult==0){
                                                        echo "Sentencia incorrecta llamado a tabla: mdl_user";
                                                    } 
                                                    else{
                                                        $nregistrostotal = mysql_result ($idresult);
                                                        echo "Hay $nregistrostotal usuarios en la plataforma";
                                                        mysql_free_result($idresult);
                                                    }
                                                ?>
                                                <div class="form-group">
                                                    <label class="col-lg-2 control-label" for="animated">Limite de Usuarios</label>
                                                    <div class="col-lg-10">
                                                        <div class="progress progress-striped active tip" title="90%">
                                                            <div class="progress-bar" role="progressbar" style="width: 90%;"></div>
                                                        </div>
                                                    </div>
                                                </div><!-- End .control-group  -->
                                            </div> <!--termina panel-body-->
                                        </div>
                                        <div class="tab-pane fade" id="usuarios">
                                            <div class="panel-body">
                                                <div class="chart-donut" id="usuarios"style="width: 106%; height:240px; padding: 10px; position: relative;"></div>
                                                <br>
                                            </div><!-- End .panel-body -->
                                        </div>
                                        <div class="tab-pane fade" id="managers">
                                            <div class="panel-body">
                                                <table cellpadding="0" cellspacing="0" border="0" class="table table-striped table-bordered table-hover" id="dataTable">
                                                    <tbody>
                                                        <tr class="gradeA">
                                                            <td>Luis A.</td>
                                                        </tr>
                                                        <tr class="gradeA">
                                                            <td>Ana B.</td>
                                                        </tr>
                                                    </tbody>
                                                </table>
                                            </div><!--termina panel-body-->
                                        </div>
                                    </div>                                                          
                                </div> <!-- Termina el panel-body -->                                                   
                    </div>  <!-- Termina el panel-default -->
                </div>
                <div class="col-md-4">
                    <div class="panel panel-default">
                        <div class="panel-heading">
                            <div class="icon"><i class="icon16 i-stats"></i></div> 
                            <h4>Registros</h4>
                            <a href="#" class="minimize"></a>
                        </div><!-- End .panel-heading -->
                            <div class="panel-body">
                                    <ul id="myTab" class="nav nav-tabs">
                                        <li><a href="#hora" data-toggle="tab">Hora</a></li>
                                        <li><a href="#semana" data-toggle="tab">Semana</a></li>
                                        <li><a href="#mes" data-toggle="tab">Mes</a> </li>
                                    </ul>
                                <div class="tab-content">
                                    <div class="tab-pane fade in active" id="hora">
                                        <div class="panel-body">
                                            <div class="chart-bars-ordered" style="width: 100%; height: 150px; margin-top: 3px; padding: 0px; position: relative;"></div>
                                        </div><!-- End .panel-body -->
                                    </div>
                                    <div class="tab-pane fade_1" id="semana">
                                        <div class="panel-body">
                                            <div class="chart-bars-stacked" style="width: 100%; height: 150px; margin-top: 3px; padding: 0px; position: relative;"></div>
                                        </div><!-- End .panel-body -->
                                    </div>
                                    <div class="tab-pane fade_2" id="mes">
                                        <div class="panel-body">
                                            <div class="chart-bars-horizontal" style="width: 100%; height: 150px; margin-top: 3px; padding: 0px; position: relative;"></div>
                                        </div><!-- End .panel-body -->
                                    </div>
                                </div> 
                            </div>
                    </div>
                </div>
                <div class="col-md-4">
                    <div class="panel panel-default">
                        <div class="panel-heading">
                            <div class="icon"><i class="icon20  i-drawer-3"></i></div>
                            <h4>Recursos y actividades</h4>
                            <a href="#" class="minimize"></a>
                        </div><!-- End .panel-heading -->
                        <div class="panel-body center">
                            <?php 
                                require_once("mod/dashboard/dashboard-actividades.php");
                            ?>
                        </div><!-- End .panel-body center--> 
                        <br>                                    
                        <br>
                    </div><!-- End .widget -->
                </div>
            </div>
                    <div class="row">
                        <div class="col-md-5">
                            <div class="panel panel-default">
                                <div class="panel-heading">
                                    <div class="icon"><i class="icon20  i-drawer-3"></i></div>
                                    <h4>Cursos</h4>
                                    <a href="#" class="minimize"></a>
                                </div><!-- End .panel-heading -->
                                <?require_once("mod/dashboard/dashboard-cursos.php");?>
                            </div>                          
                        </div>
                    </div>

使用{position:fixed}作为所需表的css。这样可以相对于浏览器窗口定位表格。添加其他合适的样式,使其在向下滚动页面时看起来像您想要的样子。有关更多信息,请参阅http://www.w3schools.com/cssref/playit.asp?filename=playcss_position&preval=固定