基于bootstrap面板的类别多选栏

1.html部分 <div class="panel panel-default"> <div class="panel-heading">请选择您需要的分类(可多选)</div> <div class="list-group" id="category"> <a href="#" class="list-group-item">…

css代码: .kch_nav{width: 100%; position: fixed;z-index: 999;top:0;left: 0;right: 0;height: 69px;background-color: #fff;border-bottom: 1px solid #ccc;} .kch_nav_cont{width: 80%;right: 0px; left: 0px;top:0;position: inherit;margin: 0 auto;} .kch_nav_logo…

基于bootstrap的select(可多选)

如图:…

后台管理-基于 Bootstrap 开发的网站后台管理面板

Bootstrap 开发框架真的很强大,今天推荐几个非常不错的基于 Bootstrap 开发的网站后台管理面板,全部都是响应式布局,细节做得都很不错.可以搜索keenthemes. Metronic Demo : http://www.keenthemes.com/preview/metronic/ Matrix Admin Demo:http://themedesigner.in/demo/matrix-admin/index.html Stilearn Demo:http://stilear…

8个强大的基于Bootstrap的CSS框架

做过前端开发的小伙伴们应该对Bootstrap不会陌生,它是由Twitter推出的开源CSS框架,其中包含了很多Web前端开发的工具包和应用组件.当然,和jQuery一样,Bootstrap同时也是一个开放式的CSS框架,基于Bootstrap,我们也可以做许多不错的CSS UI组件.本文就介绍了8个强大的基于Bootstrap的CSS框架,一起来看看. 1.Bootstrap Metro Dashboard – 基于Bootstrap的后台管理面板这是一款基于Bootstrap的Metro风…

基于Bootstrap仿淘宝分页控件实现

.header { cursor: pointer } p { margin: 3px 6px } th { background: lightblue; width: 20% } table { text-align: center; margin-top: 20px; margin-left: 10px; margin-bottom: 20px } a { cursor: pointer; text-decoration: none; color: gray } a:hover { text…

Metronic – 超赞！基于 Bootstrap 的响应式后台管理模板

Metronic 是一套精美的响应式后台管理模板,基于强大的 Twitter Bootstrap 框架实现.Metronic 拥有简洁优雅的 Metro UI 风格界面,6 种颜色可选,76 个模板页面,包括图表.表格.地图.消息中心.监控面板等后台管理项目所需的各种组件. 您可能感兴趣的相关文章 10大流行 Metro UI 风格的 Bootstrap 主题和模板 Verlet-js:超炫的开源 JavaScript 物理引擎推荐基于 Twitter Bootstrap 的精美扁平风格 UI…

基于Bootstrap的超酷jQuery开关按钮插件

aaarticlea/png;base64,iVBORw0KGgoAAAANSUhEUgAAAJgAAAA2CAIAAAC0tsfoAAAB/0lEQVR4nO3bQWrCQBTGcc/mbVz0DD…

基于 Bootstrap 的扁平化 UI 开发包

Flat UI是一款基于Bootstrap的扁平化前端UI工具包,Flat UI的组件外观设计非常清新和漂亮,Flat UI的组件包含按钮,输入框,组合按钮,复选框,单选按钮,标签,菜单,进度条和滑块等精美的元素. Flat UI的特点包含很多基本的用户界面,同时也可以灵活创建更多自定义的UI界面组件包含丰富的矢量图标和符号自定义调色板基于HTML / CSS.JavaScript的布局 Flat UI的常用组件因为Flat UI是基于Bootstrap的,所以其风格也沿用了Boots…

基于Bootstrap设计网页

<%@ page language="java" contentType="text/html; charset=UTF-8" pageEncoding="UTF-8"%> <!DOCTYPE html > <html> <head> <meta http-equiv="Content-Type" content="text/html; charset=UTF-8…

C#开发微信门户及应用(46)-基于Bootstrap的微信门户应用管理系统功能介绍

在前面介绍很多的微信框架,基本上都采用EasyUI的界面来搭建的微信框架,如随笔<C#开发微信门户及应用(8)-微信门户应用管理系统功能介绍>介绍的一样,不过随着微信的H5应用越来越多,因此转换为更适合做H5页面应用框架的Bootstrap开发框架,本文介绍的整个微信模块都是基于Bootstrap的应用. 微信开发包括公众号.企业号.微信小程序等方面的开发内容,需要对腾信的微信API接口进行封装:包括事件.菜单.订阅用户.多媒体文件.图文消息.消息群发.微信支付和企业红包.摇一摇设备.语义理解…

基于bootstrap的jQuery多级列表树插件 treeview

http://www.cnblogs.com/mfc-itblog/p/5233453.html http://www.htmleaf.com/jQuery/Menu-Navigation/201502141379.html http://www.htmleaf.com/Demo/201502141380.html 简要教程 bootstrap-treeview是一款效果非常酷的基于bootstrap的jQuery多级列表树插件.该jQuery插件基于Twitter Bootstrap,以简单和…

基于bootstrap的jQuery多级列表树插件

简要教程 bootstrap-treeview是一款效果非常酷的基于bootstrap的jQuery多级列表树插件.该jQuery插件基于Twitter Bootstrap,以简单和优雅的方式来显示一些继承树结构,如视图树.列表树等等. 插件依赖 Bootstrap v3.0.3 jQuery v2.0.3 查看效果 http://www.htmleaf.com/Demo/201502141380.html 以上两个外部依赖文件已经经过测试可以正常使用,其他版本的Bootstrap需要另行测试.…

基于 bootstrap 的 vue 分页组件

申手党点这里下载示例基于 bootstrap 的 vue 分页组件,我想会有那么一部分同学,在使用Vue的时候不使用单文件组件,因为不架设 NodeJS 服务端.那么网上流传的 *.vue 的各种分页组件可能无法使用的,我这里提供一个 *.js 的分页组件,下午刚写的,希望对大家有所帮忙,欢迎下载. 下面是如何使用的示例代码: <!DOCTYPE html> <html> <head> <meta name="viewport" conten…

Metronic-最优秀的基于Bootstrap的响应式网站模版

在所有我看到过的基于Bootstrap的网站模版中,Metronic是我认为最优秀的,其外观之友好.功能之全面让人惊叹.Metronic 是一个自适应的HTML模版,提供后台管理模版和前端内容网页模版两种风格. Metronic 的特点 Metronic 有非常令人惊喜的功能和设计,可以满足你不同的需求. 其主要特点包括: HTML5 和 CSS3 自适应,基于响应式 Twitter Bootstrap 3.3 框架,同时面向桌面电脑.平板.手机等终端. 整合AngularJS 框架. 可…

基于bootstrap metronic-responsive-admin-dashboard-template 开发管理后台

简单介绍我们这个系统是基于bootstrap metronic-responsive-admin-dashboard-template 这个模板开发的.版本用的是metronic_v4.5.2 效果展示一.登录界面注:背景图片是5秒钟换一张. 二.列表页二.录入编辑界面四.验证界面整个个系统中用到的很多很不错的插件,验证插件,数据展示插件,提醒框插件,等等等.下面列出几个比较不错的推荐一下插件介绍 1.验证插件 jquery-validation 2.表格插件 datatables…

基于Bootstrap的下拉框插件bootstrap-select

写在前面: 在这次的项目中,没有再使用liger-ui做为前端框架了,改为了Bootstrap,这次也好接触下新的技术,在学习的过程中发现,Bootstrap的一些组件基本都是采用class的形式,就是给一个它定义好的样式,就会给你展现出一个好看的组件出来,这个比liger-ui的界面做的要好,但是了解了Boostrap的基本语法后,发现在官方的文档中,并没有一些可以动态加载组件的demo,因为之前用的liger-ui,大多数组件都只需要写一行代码,就能很好的,并且很方便的直接与后台进行交互,并…

【转】基于Bootstrap的超酷jQuery开关按钮插件

基于Bootstrap的超酷jQuery开关按钮插件…

JS组件系列——基于Bootstrap Ace模板的菜单和Tab页效果分享（你值得拥有）

前言:最近园子里多了许多谈语言.谈环境.谈逼格(格局)的文章,看看笑笑过后,殊不知其实都是然并卵.提升自己的技术才是王道.之前博主分享过多篇bootstrap组件的文章,引起了很多园友的关注和支持,看样子这种风格还是受到很多园友青睐的.本着不辜负园友们的支持的原则,应群友们的要求,今天来分享下项目中使用Ace模板的菜单样式和基于iframe的Tab页效果. Ace模板地址:http://code.google.com/p/ace-engine/wiki/AceTemplate(有时会打不开) A…

基于BootStrap框架构建快速响应的GPS部标监控平台

最近一个客户要求将gps部标平台移植到bootStrap框架作为前端框架,符合交通部796部标只是他们的一个基本要求,重点是要和他们的冷链云物流平台进行适配.我自己先浏览了客户的云物流平台的界面,采用的是bootStrap框架,自适应页面大小,基于html5开发,界面设计非常的简洁,清爽,冷色调,有点像苹果或者锤子的官方商城页面,这样可以快速的关注到自己想看到的内容.不像传统的物流网站千人一面,充斥着大量的物流广告还配有slider动图效果让人眼晕,显得很cheap. 显然如果直接将一个以后台数…

基于Bootstrap的JQuery TreeView树形控件，数据支持json字符串、list集合（MVC5）<二>

上篇博客给大家介绍了基于Bootstrap的JQuery TreeView树形控件,数据支持json字符串.list集合(MVC5)<一>, 其中的两种方式都显得有些冗余.接着上篇博客继续说: 这种方式其实还是利用list集合的方式传给前台,只不过在前台做了一些小小的变化, 而控制器代码也进行了部分的优化,值的一提的是:没用的ajax前后台交互舍弃掉了. 控制器代码如下: //实例化公共静态字典表集合 public static List<TC_DictionaryInfo> DI…

自己写的基于bootstrap风格的弹框插件

自己写的一款基于bootstrap风格的弹框插件,暂时只有确认框.提示框.后续功能扩展.bug修改再更新. ;(function($){ //默认参数 var PARAMS; var DEFAULTPARAMS = { width: 500, title: '提示消息', content: '', okbtn: '确定', cancelbtn: '取消', headerBackground: 'info', vbackdrop: 'static', //默认点击遮罩不会关闭modal vkeyb…

Bootflat – 基于 Bootstrap CSS 框架的扁平化界面

Bootflat 是一个开源的扁平化的 UI 工具包,基于 Bootstrap 3.1.0 CSS 框架.它为 Web 开发人员提供了一个创建优雅的 Web 应用程序的更快,更容易和更少的重复任务的途径. 另外,Bootflat 还为设计师提供了免费的 PSD 文件,它包括一组美丽的组件,您可以使用它来创建启动项目,网站或移动应用程序.Bootflat 兼容以下浏览器:IE8+.Firefox.Safari.Opera 以及 Chrome 您可能感兴趣的相关文章 2013年最受欢迎的10篇前端开…

Summernote – 基于 Bootstrap 的文本编辑器

Summernote 是一个简单,灵活,所见即所得(WYSIWYG)的编辑器,基于 jQuery 和 Bootstrap 构建.Summernote 所有主要的操作都支持快捷键,有一个功能强大的 API,它提供了大量的自定义选项的设计(宽,高,有效的项目等等)和功能.对于主要的脚本语言或框架(PHP,Ruby,Django,NodeJS),该项目有提供了集成示例. 您可能感兴趣的相关文章 10大流行的 Metro UI 风格 Bootstrap 主题推荐35款精致的 CSS3 和 HTML5…

基于Bootstrap的DropDownList的JQuery组件的完善版

在前文创建基于Bootstrap的下拉菜单的DropDownList的JQuery插件中,实现了DropDownList的JQuery组件,但是留有遗憾.就是当下拉菜单出现滚动条的时候,滚动条会覆盖菜单右侧的两个圆角.使得下拉菜单左侧有2个圆角,右侧没有,看上去不是很完美.如下图所示: 本文的内容就是如何恢复右侧的圆角先看看原本的下拉菜单的HTML结构: .sh_darkness{background:none; padding:0; margin:0; border:0 no…

基于Bootstrap简单实用的tags标签插件

http://www.htmleaf.com/jQuery/ jQuery之家自由分享jQuery.html5和css3的插件库基于Bootstrap简单实用的tags标签插件…

基于Bootstrap的后台通用模板

人总是比较刁的,世界的时尚趋势不断变化,对系统UI的审美也在不断疲劳中前进,之前觉得好好的UI,过了半年觉得平平无奇,不想再碰,需要寻求新的兴奋点. 下面这套UI就是半年前的(今日:2015-12),感觉已经落伍了,贴出来已告别一个阶段,如果有喜欢的可以联系我领养,(*^__^*) 嘻嘻…… UI框架名称:ZFXUI UI框架特点:1.响应式(PC.移动均可用) 2.适用于企业内部信息管理系统(个人认为不适合做互联网产品),配合工具开发效率比较高 3.基于Bootstrap.简约大气.操作用户体…