-
BootStrap
所属栏目：[安全] 日期：2020-12-17 热度：105
一、概念 BootStrap是基于HTML、CSS、JavaScript的前端框架，定义一套CSS样式和JQuery代码，我们按照HTML结构，添加class样式，就可以实现响应的效果 BootStrap 是JQuery的一个插件 实现响应式布局：根据不同终端适应不同场景 二、标准模板 htmlhead!--设置[详细]
-
基于Metronic的Bootstrap开发框架经验总结（3）--下拉列表Select
所属栏目：[安全] 日期：2020-12-17 热度：68
http://www.cnblogs.com/wuhuacong/p/4761637.html[详细]
-
使用BOOTSTRAP创建没有遮罩的可移动dialog
所属栏目：[安全] 日期：2020-12-17 热度：84
bootstrap是个很流行的前端工具。我想做个没有遮罩的dialog，并且可拖动。如果通过jquery ui也可以生成，但是由于我同时也适用了jqueryeasyui。导致.dialog方法会优先使用easyui的实现，而easyui的dialog无疑是非常丑陋的，实在不能忍。正好，bootstrap也有d[详细]
-
bootstrap 样式demo
所属栏目：[安全] 日期：2020-12-17 热度：115
headmeta charset="UTF-8"title搜索管理/titlelink rel="stylesheet" type="text/css" href="bootstrap.css"/style type="text/css".blockArea{padding: 10px;border:1px solid #eee;margin:0 auto;}.parent{text-align: center;}.parent input,.parent sele[详细]
-
bootstrap19-内联表单
所属栏目：[安全] 日期：2020-12-17 热度：58
!DOCTYPE html html head meta charset="utf-8" title内联表单/title link rel="stylesheet" href="http://cdn.static.runoob.com/libs/bootstrap/3.3.7/css/bootstrap.min.css" ? /head body div class="container" form action="" role="form" class="form[详细]
-
Bootstrap可编辑表格
所属栏目：[安全] 日期：2020-12-17 热度：140
1.说明 继续送福利了，居于Bootstrap可编辑表格，编辑框支持下拉和日期，先上图看下效果，如图1： 这是居于bootstrap-table进行扩展的功能，bootstrap-table的使用这边就不多说了，日期控件用的是bootstrap-datetimepicker，下拉控件bootstrap-select 这个是[详细]
-
bootstrap-进度条
所属栏目：[安全] 日期：2020-12-17 热度：117
说明 默认样式的进度条 示例 !DOCTYPE?htmlhtml?lang="zh-CN"??head????meta?charset="utf-8"????meta?http-equiv="X-UA-Compatible"?content="IE=edge"????meta?name="viewport"?content="width=device-width,?initial-scale=1"????!--?上述3个meta标签*必[详细]
-
bootstrap-进度条
所属栏目：[安全] 日期：2020-12-17 热度：134
说明 带有提示标签的进度条 示例 !DOCTYPE?htmlhtml?lang="zh-CN"??head????meta?charset="utf-8"????meta?http-equiv="X-UA-Compatible"?content="IE=edge"????meta?name="viewport"?content="width=device-width,?initial-scale=1"????!--?上述3个meta标签[详细]
-
bootstrap-进度条
所属栏目：[安全] 日期：2020-12-17 热度：118
说明 展示很低的百分比时，如果需要让文本提示能够清晰可见，可以为进度条设置?min-width?属性 示例 !DOCTYPE?htmlhtml?lang="zh-CN"??head????meta?charset="utf-8"????meta?http-equiv="X-UA-Compatible"?content="IE=edge"????meta?name="viewport"?conte[详细]
-
bootstrap-进度条
所属栏目：[安全] 日期：2020-12-17 热度：63
说明 进度条组件使用与按钮和警告框相同的类，根据不同情境展现相应的效果 示例 !DOCTYPE?htmlhtml?lang="zh-CN"??head????meta?charset="utf-8"????meta?http-equiv="X-UA-Compatible"?content="IE=edge"????meta?name="viewport"?content="width=device-wi[详细]
-
bootstrap-进度条
所属栏目：[安全] 日期：2020-12-17 热度：123
说明 通过渐变可以为进度条创建条纹效果，IE9?及更低版本不支持 示例 !DOCTYPE?htmlhtml?lang="zh-CN"??head????meta?charset="utf-8"????meta?http-equiv="X-UA-Compatible"?content="IE=edge"????meta?name="viewport"?content="width=device-width,?initi[详细]
-
bootstrap-媒体对象
所属栏目：[安全] 日期：2020-12-17 热度：149
说明 默认样式的媒体对象组件允许在一个内容块的左边或右边展示一个多媒体内容（图像、视频、音频） 示例 !DOCTYPE?htmlhtml?lang="zh-CN"??head????meta?charset="utf-8"????meta?http-equiv="X-UA-Compatible"?content="IE=edge"????meta?name="viewport"?[详细]
-
bootstrap-列表组
所属栏目：[安全] 日期：2020-12-17 热度：89
说明 最简单的列表组仅仅是一个带有多个列表条目的无序列表 示例 !DOCTYPE?htmlhtml?lang="zh-CN"??head????meta?charset="utf-8"????meta?http-equiv="X-UA-Compatible"?content="IE=edge"????meta?name="viewport"?content="width=device-width,?initial-s[详细]
-
bootstrap-列表组
所属栏目：[安全] 日期：2020-12-17 热度：93
说明 给列表组加入徽章组件，它会自动被放在右边 示例 !DOCTYPE?htmlhtml?lang="zh-CN"??head????meta?charset="utf-8"????meta?http-equiv="X-UA-Compatible"?content="IE=edge"????meta?name="viewport"?content="width=device-width,?initial-scale=1"???[详细]
-
bootstrap-列表组
所属栏目：[安全] 日期：2020-12-17 热度：166
说明 用?a?标签代替?li?标签可以组成一个全部是链接的列表组 示例 !DOCTYPE?htmlhtml?lang="zh-CN"??head????meta?charset="utf-8"????meta?http-equiv="X-UA-Compatible"?content="IE=edge"????meta?name="viewport"?content="width=device-width,?initial-[详细]
-
扩展bootstrap的modal模态框-动态添加modal框-弹出多个modal框
所属栏目：[安全] 日期：2020-12-17 热度：126
js代码 function initView(_box){var $p = $(_box || document);$('a[target="dialog"]',$p).each(function(event){$(this,$p).unbind('click').click(function(event){openModal(event);});});}$(function(){initView();});/**关闭modal*/function hideModa[详细]
-
Bootstrap-select多选下拉框实现
所属栏目：[安全] 日期：2020-12-17 热度：185
项目中要实现多选，就想到用插件，选择了bootstrap-select。 附上官网api链接，http://silviomoreto.github.io/bootstrap-select/. 没有中文的。对付看吧。有机会每个方法实践一下，会总结的。我自己也等着呢。 回到顶部 需要引用的它们 !-- Latest compiled[详细]
-
基于Metronic的Bootstrap开发框架经验总结（1）-框架总览及菜单
所属栏目：[安全] 日期：2020-12-17 热度：133
基于Metronic的Bootstrap开发框架经验总结（1）-框架总览及菜单模块的处理 http://www.cnblogs.com/wuhuacong/p/4757984.html 最近一直很多事情，博客停下来好久没写了，整理下思路，把最近研究的基于Metronic的Bootstrap开发框架进行经验的总结出来和大家分[详细]
-
一套不错的基于Bootstrap的博客系统静态页面
所属栏目：[安全] 日期：2020-12-17 热度：118
一套不错的基于Bootstrap的博客系统静态页面，能够为省去前端技术不是太好 ，又想做博客系统的朋友们提供一个不错的前端页面模板。 该博客系统静态页面采用bootstrap前端框架，能够兼容移动端访问，外观轻便简洁，进一步开发后台程序方便。 同时本静态页面配[详细]
-
beetl渲染Bootstrap Paginator实现过程
所属栏目：[安全] 日期：2020-12-17 热度：106
? ? ? ?上篇文章简要介绍了一下beetl的基本信息，本篇文章从beetl的简要渲染过程结合BootStrap的分页控件Paginator的数据绑定过程进行讲解。 ? ? ?? 我们以maven项目为例，首先看一下beetl在spring mvc框架的集成： ? ? ? ?1.?在maven项目中引入jar包： depe[详细]
-
基于Metronic的Bootstrap开发框架经验总结（6）--对话框及提示框
所属栏目：[安全] 日期：2020-12-17 热度：95
在各种Web开发过程中，对话框和提示框的处理是很常见的一种界面处理技术，用得好，可以给用户很好的页面体验，Bootstrap开发也一样，我们往往在页面新增、编辑、查看详细等界面使用弹出对话框层的方式进行显示数据，删除则可能使用一个提示确认框，如果操作[详细]
-
inputfile（bootstrap）实现文件上传保存本地路径
所属栏目：[安全] 日期：2020-12-17 热度：117
? ? ? ? ?关于文件上传，bootstrap做了很好的封装，通过引用File input插件就能实现很好的上传。下面讲解java语言通过mvc调用bootstrap的实现过程： 先看一下效果图： ? ? ? ? ? ? ? ? ? ? ? ? ? ? ? ? ? ?可以将文件直接拖拽，或者点击文件选择要上传文件。[详细]
-
Bootstrap 导航条
所属栏目：[安全] 日期：2020-12-17 热度：145
整理自慕课笔记 导航条（navbar）和上一节介绍的导航（nav），就相差一个字，多了一个“条”字。其实在Bootstrap框架中他们还是明显的区别。在导航条(navbar)中有一个背景色、而且导航条可以是纯链接（类似导航），也可以是表单，还有就是表单和导航一起结合[详细]
-
Bootstrap每天必学之栅格系统（布局）
所属栏目：[安全] 日期：2020-12-17 热度：135
Bootstrap每天必学之栅格系统，小编对Bootstrap栅格系统（布局）也很陌生，特分享整理这篇文章，感兴趣的小伙伴们可以参考一下 1、栅格系统（布局） Bootstrap内置了一套响应式、移动设备优先的流式栅格系统，随着屏幕设备或视口（viewport）尺寸的增加，系[详细]
-
BootStrap selectpicker
所属栏目：[安全] 日期：2020-12-17 热度：83
Bootstrap Web前端CSS框架 Bootstrap是Twitter推出的一个开源的用于前端开发的工具包。它由Twitter的设计师Mark Otto和Jacob Thornton合作开发，是一个CSS/HTML框架。Bootstrap提供了优雅的HTML和CSS规范，它即是由动态CSS语言Less写成。Bootstrap一经推出后[详细]
