JqGrid之布局与图标设计

最新推荐文章于 2022-08-30 09:48:13 发布

qq_27194467

最新推荐文章于 2022-08-30 09:48:13 发布

阅读量3.9k

点赞数

分类专栏： JqGrid 文章标签： JqGrid

本文链接：https://blog.csdn.net/qq_27194467/article/details/52382884

版权

本文主要探讨了JqGrid的布局设计和图标应用，通过实例代码展示了如何优化JqGrid的显示效果，提升用户体验。

摘要由CSDN通过智能技术生成

1.源代码

<%@ page contentType="text/html; charset=UTF-8"%>
<html>
<head>
<meta http-equiv="Content-Type" content="text/html; charset=utf-8" />
<title>护航专家</title>
<%@ include file="/common/bootstrap.jsp"%>
</head>
<body>
<div class="col-xs-12 col-sm-12 col-md-12 col-lg-12">              //无论手机，ipad,pc 大小都是全屏
         <ul class="media-list">                                   
             <li class="media">
                 <a class="pull-left" href="#">                         
                     <img class="img-responsive" src="ss.png" alt="...">     //图片
                 </a>
                 <div class="media-body">                         
                      <h4 class="media-heading">林秀敏</h4>
                     <h5 style="color: #C5C5C5">内分泌呼吸消化肾内科</h5>    //字体大小，颜色设置
                     <h6>郑州大学第一附属医院</h6>
                 </div>
             </li>
         </ul>
 </div>
 <div class="col-xs-12 col-sm-12 col-md-12 col-lg-12">
 <h5> <font color=#169ADA > <span class="glyphicon glyphicon-user" aria-hidden="true&