您所在的位置:小祥子 » 编程 » CSS » 正文

Bootstrap~Panel和Table

时间:2015-07-11 编辑:张占岭 来源:CnBlogs

在我们对一个页面进行设计时,分块是必须的,没有一个网站是一栏而下的,除非你是在看小说,否则你的页面设计一定是分块的,即它由于多个panel组件,在bootstrap里叫到栅格系统,而在每行每列进行宏观的布局后,就是在每一个大块里建立小块,而小块可以使用Panel来实现,下面看个例子

<div class="panel panel-default">
  <div class="panel-heading">Panel heading without title</div>
  <div class="panel-body">
    Panel content
  </div>
</div>

这是最简单的格式了,它运行后的效果

JSOHp41/nirhGQwwtUZL8x+fbUAAK3oauHFdmlPB1ZPOb6qjxSW4tmA52EZnnF56NOrWsjFZr92LgBASzpUeFW17AkPuFR41R3dcKyGwmvOq/qBx6OuV9rF2RUeAPAkHSq8yKNoh7Y7u0kWL7zmYnpW4UVnV3gAwJN0vvBqvXX3Lm1soPi0be7SRmZSeADAI/0NhXd857AJui+iS810iqbT83yXv2kRdt2lb1pcq7QLsys8AOBJOl94lUfw3j+v31H7VX0cLqyti7+WcvYNiaZfPGme8XD0+a+lVFvvhnMBAFrQkcIDAKA1Cg8AIDUKDwAgNQoPACA1Cg8AIDUKDwAgNQoPACA1Cg8AIDUKDwAgNQoPACA1Cg8AIDUKDwAgNQoPACA1Cg8AIDUKDwAgNQoPACA1Cg8AIDUPKbzJZFKW5XeXBgDA/cqynE6nX19ft59yU+HNZrPFYvHd1QEAcL/FYjGbzVouvO12WxTFeDxeLBbu5AEAPE1ZlovFYjweF0VxV4ZdL7zdbleW5Wq1ms1mk8lkBADAU0yn09ls9uPHj7Ist9ttm4V3jLz1el0UxQoAgKcoimK9Xpdludvtbs+7WwtvH3nb7fYnAABPtN1u7827OwoPAIC/hcIDAEiNwgMASI3CAwBIjcIDAEiNwgMASI3CAwBIjcIDAEhNrfD+B1vnwC9QzXumAAAAAElFTkSuQmCC" border="0" onload="return imgzoom(this,600);"/>

其实在我们设计自己的系统时,如果panel运行得当,也可以快速的建立一个页面,如下

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" border="0" onload="return imgzoom(this,600);"/>

它其实于一个栅格(1x2)和两个panel组件,缩减代码如下

<div class="row">
        <div class="col-md-2">
            <div class="panel panel-default">
                <div class="panel-heading">快速导航</div>
                    <div class="panel-body">
                        <ul><li style='padding-left:5px;' class='level0'><a href=''>根</a><ul  style='margin:0px;padding:0'><li style='padding-left:5px;' class='level1'><a href=''>系统管理</a><ul  style='margin:0px;padding:0'><li style='padding-left:5px;' class='level2'><a href=''>角色管理</a><ul  style='margin:0px;padding:0'><li style='padding-left:5px;' class='level3'><a href='/Role/Create'>新建角色</a></li><li style='padding-left:5px;' class='level3'><a href='/Role/Index'>管理角色</a></li></ul></li><li style='padding-left:5px;' class='level2'><a href=''>部门管理</a><ul  style='margin:0px;padding:0'><li style='padding-left:5px;' class='level3'><a href='/Department/Index'>管理部门</a></li></ul></li><li style='padding-left:5px;' class='level2'><a href=''>菜单管理</a><ul  style='margin:0px;padding:0'><li style='padding-left:5px;' class='level3'><a href='/Menu/Index'>管理菜单管理</a></li></ul></li><li style='padding-left:5px;' class='level2'><a href=''>员工管理</a><ul  style='margin:0px;padding:0'><li style='padding-left:5px;' class='level3'><a href='/WebUser/Create'>新建员工</a></li><li style='padding-left:5px;' class='level3'><a href='/WebUser/Index'>管理员工</a></li></ul></li><li style='padding-left:5px;' class='level2'><a href=''>导航管理</a><ul  style='margin:0px;padding:0'><li style='padding-left:5px;' class='level3'><a href='/Banner/Create'>新建导航</a></li><li style='padding-left:5px;' class='level3'><a href='/Banner/Index'>管理导航</a></li></ul></li></ul></li></ul></li></ul>
                    </div>
                </div>
        </div>
        <div class="col-md-10">
            <div class="panel panel-default">
                <div class="panel-heading">
                    
    用户列表

                </div>
                <div class="panel-body">
                    
<p>
    用户:<input type="text" name="UserName" id="UserName" />  部门:<input type="text" name="DeptName" id="DeptName" />
</p>
<p>时间:<input type="text" name="StartTime" id="StartTime" />    到    <input type="text" name="EndTime" id="EndTime" />  </p>
<p>
    <input type="button" id="search" value="查询" />
    <a class="button" href="/WebUser/Create">建立一个用户</a>
</p>
<div id="list">
    <table class="listTbl">
    <tr>
        <th></th>
        <th>编号
        </th>
        <th>用户名称
        </th>
        <th>真实姓名
        </th>
        <th>Email
        </th>
        <th>所属部门
        </th>
        <th>更新日期
        </th>
        <th>状态
        </th>
        <th>所在系统
        </th>
    </tr>
    <tbody>
            <tr>
                <td>
                    <div>
    <span>
<a href="/WebUser/Details/1">查看</a>
    </span>

    <span>
<a href="/WebUser/Create">新建</a>
    </span>

    <span>
<a href="/WebUser/Edit/1">编辑</a>
    </span>

    <span>
<a href="/WebUser/Delete/1">删除</a>
    </span>

    <span>
<a href="/WebUser/Approve/1">审核</a>
    </span>
</div>

                </td>
                <td>
                    1
                </td>
                <td>
                    zzl
                </td>
                <td>
                        <span>zzl</span>

                </td>
                <td>
                        <span>No Info</span> 

                </td>
                <td>
                    公司
                </td>
                <td>
                    2015/6/22 21:51
                </td>
                <td>
                    正常
                </td>
                <td>
                    1
                </td>
            </tr>
    </tbody>
    <tfoot>
        <tr>
            <td colspan="9">
                    <style type='text/css'>
                       .page_Standard {
                           padding: 5px;
                           margin: 0px;
                           text-align: center;
                           font-family: 0px;
                           font-family: Arial;
                           font-size: 12px;
                       }
                       .page_Standard a.cur{
                               background: none repeat scroll 0 0 #036cb4;
                               border: 1px solid #036cb4;
                               color: #fff;
                               font-weight: bold;
                               margin: 2px;
                               padding: 2px 5px;
                           }
                           .page_Standard a {
                               border: #eee 1px solid;
                               padding: 2px 5px;
                               margin: 2px;
                               color: #036cb4;
                               text-decoration: none;
                           }
                       
                               .page_Standard A:hover {
                                   border: #999 1px solid;
                                   color: #666;
                               }
                       
                               .page_Standard A:active {
                                   border: #999 1px solid;
                                   COLOR: #666;
                               }
                       
                           .page_Standard span {
                               border: #036cb4 1px solid;
                               padding: 2px 5px;
                               font-weight: bold;
                               margin: 2px;
                               color: #fff;
                               background: #036cb4;
                           }
                       
                           .page_Standard .disabled {
                               border: #eee 1px solid;
                               padding: 2px 5px;
                               margin: 2px;
                               color: #ddd;
                           }
                    </style>
                <div style='clear:both'></div><div class="page_Standard"><b>  1/1  共1条</b></div>
            </td>
        </tr>
    </tfoot>
</table>

</div>
View Code

下面再来看一下表格table,bootstrap基本就是为它添加的css样式,没有什么特别的

<table class="table table-striped">
  ...
</table>

下面也有带边框的表格

<table class="table table-bordered">
  ...
</table>

同时也集成了JS的悬浮效果

<table class="table table-hover">
  ...
</table>

OK,对于布局中的Panel和Table就介绍到这里,最后让大家看一下我的bootstrap的demo,感觉真的很简单,很方便!

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" border="0" onload="return imgzoom(this,600);"/>

关键词:Table