bootstrap 后台管理页面

声明: 左侧菜单借鉴了网上 的二级菜单的样式。希望作者不要追究我的法律责任。

             功能说明:点击左侧菜单,右侧生成tabs,加载数据。tabs 可关闭。默认选中。

      插件说明:使用bootstrapgrid 和jquery ui bootstrap。数据显示使用bootstrapgrid, tabs 生成和删除,使用jquery ui bootstrap。

index.html





Insert title here






        
  







 





---bootgrid.html 



    
        
        
        jQuery Bootgrid Demo
        
        
        
    
    
       


        
ID 发送者 回复人 地址 状态




最后效果

bootstrap 后台管理页面_第1张图片

附:1.修改了bootgrid.js 的源码。隐藏了一些按钮,只留下了分页。

2.jquery ui bootstrap  案例 http://jquery-ui-bootstrap.github.io/jquery-ui-bootstrap/   官方主页api少,很多东西未讲到,但是我发现 jquery ui 的api 有些也适用这个。tabs 的用法就是参考jquery ui 的api。

       3.jQuery Bootgrid 网址  http://www.jquery-bootgrid.com

4.再次感谢二级菜单的作者。

说明,二级菜单样式和bootgrid.css 样式有冲突。 直接load(“***.html”),会影响使用。所以选择使用了iframe 。




32730682

你可能感兴趣的:(javascript,bootstrap)