bootstrap样例网站
对后端非常友好的静态Bootstrap管理模板——LightYearAdmin
介绍光年后台管理模板(Light Year Admin)是一个基于Bootstrap v3.3.7的后台HTML模板。作为后端开发人员，自己在做一些简单系统时，经常为了后台的模板烦恼，因此今天向大家介绍一个对后端开发人员比较友好的管理模板，模板的作者本人也是一名开发人员，因此结合后端人员一些特点而开发的一套基于Bootstrap的管理模板，界面真的非常漂亮，而且功能也能满足大多数人需求！
Gitee坐标作者考虑到不同人群的开发习惯和方式，一共分为两半版本，一种是自带tab标签页的iframe版，另一种则是普通的页面版，可根据自己需要和业务需求选择不同的版本。
模板说明普通版网站主题切换，有默认白色，黑色，和渐变蓝绿色的半透明三种。另外：logo、顶部和侧边栏可单独调整颜色(黑色和半透明主题时选择白色不变)。
增加主题切换，增加了很多css，如果你不需要有主题切换功能，可将多余的内容删除掉。
HTML页面中删除掉<!--切换主题配色-->之间的内容js中删除 line 137 - line 146css中删除 line 2937 - line 3946主题切换并没有存到cookie中，大家根据自己实际情况，做cookie存储或者其他方式。
jquery-cookie保存设置示例// 读取cookie中的主题设置 var the_logo_bg = $.cookie('the_logo_bg'), the_header_bg = $.cookie('the_header_bg'), the_sidebar_bg = $.cookie('the_sidebar_bg'), the_site_theme = $.cookie('the_site_theme'); console.log(the_logo_bg); if (the_logo_bg) $('body').attr('data-logobg', the_logo_bg); if (the_header_bg) $('body').attr('data-headerbg', the_header_bg); if (the_sidebar_bg) $('body').attr('data-sidebarbg', the_sidebar_bg); if (the_site_theme) $('body').attr('data-theme', the_site_theme); // 设置主题配色 setTheme = function(input_name, data_name) { $("input[name='"+input_name+"']").click(function(){ $('body').attr(data_name, $(this).val()); $.cookie('the_'+input_name, $(this).val()); }); } setTheme('site_theme', 'data-theme'); setTheme('logo_bg', 'data-logobg'); setTheme('header_bg', 'data-headerbg'); setTheme('sidebar_bg', 'data-sidebarbg');iframe版
项目在Light Year Admin的基础上整理修改而来，用到了开源项目Bootstrap-Multitabs来实现多标签页，稍微做了一些修改。
相对于Light Year Admin的项目，去掉了暗黑和半透明的两个主题所有需要的链接加上class="multitabs"因为插件做了一些修改，在顶部的下拉菜单(dropdown-menu)中，不要把链接写在href里面，放到data-url里插件用到了HTML5的会话存储，因此在修改了init里的默认地址后，可以再浏览器控制台执行下sessionStorage.clear(); // cache配置为true时引用的第三方开源项目或者插件普通版：
Bootstrap(去掉了自带的字体图标)jQuerybootstrap-colorpickerbootstrap-datepickerbootstrap-datetimepickerion-rangesliderjquery-confirmjquery-tags-inputbootstrap-notifyChart.jschosen.jquery.jsperfect-scrollbariframe版本：
Bootstrap(去掉了自带的字体图标)JQuerybootstrap-colorpickerbootstrap-datepickerbootstrap-datetimepickerion-rangesliderjquery-confirmjquery-tags-inputbootstrap-notifyChart.jschosen.jquery.jsperfect-scrollbarBootstrap-Multitabs模板截图一共有两个版本，这里我们选择带有tab的iframe版本的进行截图演示：
以上是部分页面的截图，已经包括了很多功能在里面，包括列表、表单、分步表单、主体配色、多级菜单、模态框、确认框、提示、登录、404等！另附两张普通版中的暗色系以及彩色系主题：
总结LightYearAdmin管理模板对后端人员可以说非常的友好了，笔者认为从配色、样式、布局、操作等方面都非常友好，如果你正好缺一款属于适合的模板，不妨试试看！
PS:相关文件在Gitee上都可以下载，这是纯静态模板，适合任何后端语言进行配合开发！大家也可以多多支持模板作者！谢谢！
前端开发：Bootstrap免费响应模板（一）
Bootstrap模板采用HTML5框架建立的，这些模板的性质是响应，从而提高你的网站的响应。此文为大家整理出一系列免费的响应式模板，希望对大家有所帮助！
1、Retrospect（一个响应模板，设计了一个有效的业务模板的最小功能。该模板包括一个光滑的菜单，漂亮的头图像和投资组合部分。）
2、Capture（一个优雅的 HTML模板和一个移动应用程序，在这里展示一个相机功能的环境设置。此引导程序模板可以用于您喜欢在网上出售的任何服务。）
3、Gumba（一个简单的选择单页博客与优雅的排版和时尚的字体设计，最大的可读性。）
4、Modex（拥有这个新的投资组合设计与全页标题与一个时尚切换按钮。 响应组合模板适用于多个设备，并具有平面设计。）
5、Pluton（现代化的网站，是伟大的工作室，摄影和创意设计师与其独特的单页面布局和响应式设计。）
6、Sublime（一个干净，令人惊叹的网站模板，完美的创业，创意代理和投资组合网站。）
切版 qieban(.cn)