目录 基于jquery的提示框JavaScript 插件,类Bootstrap 基于jquery的提示框JavaScript 插件,类Bootstrap 源码 github地址: https://github.com/Ethan-Xie/message 实例 通过此此插件可以为提示栏添加自动/点击消失的功能 用法 需引入message.css与message.js <link rel="stylesheet" href="message.css"> &l…

bootstrap插件学习-bootstrap.dropdown.js 先看bootstrap.dropdown.js的结构 var toggle = '[data-toggle="dropdown"]'//属性标记 Dropdown = function(){} //构造器 Dropdown.prototype = {} // 构造器的原型 function clearMenus() // 自定义方法 $.fn.dropdown = function ( option ){}//jQ…

bootstrap插件学习-bootstrap.modal.js 先从bootstrap.modal.js的结构看起. function($){ var Modal = function(){} //构造器 Modal.prototype = function(){} //构造器的原型 function ..(){} //自定义方法 $.fn.modal = function(){} //在jQuery对象上自定方法 $.fn.modal.defaults = {} //设置默认属性 $.fn.…

前言 bootstrap自带的响应式导航栏是向下滑动的,有时满足不了个性化的需求,需要做一个类似于android drawerLayout 侧滑的菜单,这就是我要实现的bootstrap自定义侧滑菜单,参考了很多官网的侧滑,实现方法各有不同,优缺点也十分明显,有的官网首页为了仅仅实现一个侧滑的效果,用了owl.carousel滑屏的插件,个人觉得小题大做了.这个bootstrap侧滑菜单更专业的名字叫做手机导航栏.我也比较这个名字,更符合bootstrap的特性.所以我这篇文章介绍的更容易的一种…

转载自:Q1mi Bootstrap介绍 Bootstrap是Twitter开源的基于HTML.CSS.JavaScript的前端框架. 它是为实现快速开发Web应用程序而设计的一套前端工具包. 它支持响应式布局,并且在V3版本之后坚持移动设备优先. 为什么要使用Bootstrap? 在Bootstrap出现之前: 命名:重复.复杂.无意义(想个名字费劲) 样式:重复.冗余.不规范.不和谐 页面:错乱.不规范.不和谐 在使用Bootstrap之后: 各种命名都统一并且规范化. 页面风格统一,画面…

bootstrap课程6 bootstrap的表单注意事项有哪些 一.总结 一句话总结: 1.bootstrap中的表单中的每一项是什么样的形式? div.form-group>label +input的形式 <form> <div class="form-group"> <label for="exampleInputEmail1">Email address</label> <input type=&q…

bootstrap课程5 bootstrap中的组件使用的注意事项是什么 一.总结 一句话总结: 1.img-responsive的作用是什么(其实还是要多看手册)? 看起来像width=100%的效果,其实质是为图片设置了 max-width: 100%;. height: auto; 和 display: block; 属性,从而让图片在其父元素中更好的缩放.如果需要让使用了 .img-responsive 类的图片水平居中,请使用 .center-block 类,不要用 .text-cen…

bootstrap课程4 bootstrap的css样式有哪些内容需要注意 一.总结 一句话总结: 1.如何选择产品(框架)的版本? 大版本下的最后一个版本,但是同时又要选择稳定的版本,也就是如果做产品的话,不建议选最新的,可以选稳定的,我学thinkphp的时候,5版本已经出来很久了,所以可以选这个,其实可以选5后面修订的最好的那个版本 2.如何查看一个网站上曾经下载过什么资源(也就是网站用的静态资源,js/css等)? f12+resourse 3.img-thumbnail使用的时候的注意…

Bootstrap 安装是非常容易的.此文是本人的学习汇总,便于以后查询学习,同时也希望给大家带来帮助. 下载 Bootstrap 您可以从 http://getbootstrap.com/ 上下载 Bootstrap 的最新版本.当您点击这个链接时,您将看到如下所示的网页: 您会看到两个按钮: Download Bootstrap:下载 Bootstrap.点击该按钮,您可以下载 Bootstrap CSS.JavaScript 和字体的预编译的压缩版本.不包含文档和最初的源代码文件. Dow…

Caliburn.Micro学习笔记目录 用了几天时间看了一下开源框架Caliburn.Micro 这是他源码的地址http://caliburnmicro.codeplex.com/ 文档也写的很详细,自己在看它的文档和代码时写了一些demo和笔记,还有它实现的原理记录一下 学习Caliburn.Micro要有MEF和MVVM的基础 先说一下他的命名规则和引导类 以后我会把Caliburn.Micro的 Actions IResult,IHandle IConductor  ,Conducto…

在上一章我们说到,ThinkPHP.php在设置完框架所需要的变量和调教好环境后,在最后调用了  Think\Think::start();  即Think命名空间中的Think类的静态方法start,从而开启了引用的初始化.Think\Think就是tp框架的引导类,这个类的主要作用就是负责诸多配置加载,注册核心系统扩展(自动加载类库.异常处理.错误处理等),管理和维护类实例.别名映射,可以一说是一个框架的工厂. 下面我们就来分析一下这个类. 1:类所在的路径 ThinkPHP\Library…

用ant与eclipse编译Cassandra 1.2.19,出现了“ [options] 未与 -source1.6一起设置引导类路径”的警告,并出现了一些编译错误,提示编译失败,上网找了很 多资料,改的东西太多,一下也不确定究竟是哪些地方的改动起了作用,现在记录一下: 修改项目的jdk为1.6,用java -version查看java版本,确保为1.6: (重要)删除maven本地库下载的依赖及项目中build文件夹. 重新用ant编译,不出现编译错误了. 有时会出现“(请使用 -sourc…

nodejs+express工程 在npm install之后或使用npm install bootstrap命令安装bootstrap之后引入bootstrap文件 如果你的静态资源存放在多个目录下面,你可以多次调用 express.static 中间件: app.use(express.static('public')); app.use(express.static('files')); 首先你要在app.js里面引入这句app.use(express.static('node_modul…

刚下了个新项目,跑了下maven报错了: E:\workspace\portalframe>mvn clean install [INFO] Scanning for projects... [WARNING] [WARNING] Some problems were encountered while building the effective model for com.migu.reading.portalFrame:ues:war:trunk-SNAPSHOT [WARNING] ,…

(转载,来源“脚本之家”,作者不详) 一.Bootstrap Table的引入 关于Bootstrap Table的引入,一般来说还是两种方法: 1.直接下载源码,添加到项目里面来.由于Bootstrap Table是Bootstrap的一个组件,所以它是依赖Bootstrap的,我们首先需要添加Bootstrap的引用. 2.使用我们神奇的Nuget打开Nuget,搜索这两个包 Bootstrap已经是最新的3.3.5了,我们直接安装即可. 而Bootstrap Table的版本竟然是0.4,…

bootstrap课程13  bootstrap的官方文档中有一些控件的使用有bug,如何解决这个问题 一.总结 一句话总结:因为演示是正常的,所以检查演示效果的代码,把那一段相关的都弄过来就可以了 1.工具提示是怎么做出来的? Hover over the links below to see tooltips:data-toggle="tooltip" data-placement="top" title="Tooltip on top"如果…

bootstrap课程9 bootstrap如何实现动画加载进度条的效果 一.总结 一句话总结:在bootstrap进度条的基础上添加js(定时器),动态的改变进度条即可.很简单的. 1.路径导航是什么? 就是面包屑导航 2.巨幕的特点是什么? 加了灰色的背景色,然后把里面的字变大看起来很宽大的感觉 二.bootstrap如何实现动画加载进度条的效果 1.相关知识 路径导航:.breadcrumb 分页效果:.pagination 上下页:.pager 标签:.label.label-prima…

bootstrap课程8 bootstrap导航条在不同设备上的显示效果如何(多去看参考手册) 一.总结 一句话总结:在手机端或者平板端或者显示不够的话就缩起来了.(多去看参考手册) 二.bootstrap课程8 bootstrap导航条在不同设备上的显示效果如何 1.相关知识 导航条:.navbar.navbar-default.navbar-inverse.navbar-fixed-top.navbar-fixed-bottom.navbar-header.navbar-brand.navb…

bootstrap课程3 bootstrap中常用的排版样式有哪些 一.总结 一句话总结:bootstrap里面对常用表情比如p.h1.code等html中的常用表情都修改了样式,照着手册用就好,样式相对还挺好看的. 1.bootstrap如何做选择题? 自定义样式列表dl dt dd…

bootstrap课程2  bootstrap的栅格系统的主要作用是什么 一.总结 一句话总结:响应式布局(就是适应不同的屏幕,手机,平板,电脑) 1.bootstrap的栅格系统如何使用? row + col-md-4 26 <div class="row"> 27 <div class="col-md-4 pull-right"> 28 <img src="logo.png" width="100%&q…

bootstrap课程1 bootstrap为什么这么火 一.总结 一句话总结:响应式,样式多,功能多. 1.bootstrap通过什么药实现响应式? 响应式web布局是让用户通过不同尺寸的浏览器都可以获得良好视觉的一种方法.是目前比较流行的一种布局方法. 通过CSS3 Media Queries(媒体(设备)查询),媒体查询是让页面内容在不同的媒体环境下运行时可以展示不同的样式(这个样式当然是由我们来书写规定的). 2.响应式布局是什么? 响应式web布局是让用户通过不同尺寸的浏览器都可以获得…

新建的springboot项目启动后,无法访问到controller 页面是404错误 查看项目结构,发现是新建工程的启动类位置有问题,controller类应该位于引导类的同级包或者子级包中.需要将下图的引导类放在com.alphajuns包下即可访问controller…

1.引导类 public class App { public static void main(String[] args) { SpringApplication.run(WebConfiguration.class, args); } } 2.WebConfiguration @SpringBootApplication public class WebConfiguration { /** * 浏览器地址栏中输入:http://localhost:8080/hello,回车后,输出:He…

Bootstrap Table是Bootstrap的一个组件 Bootstrap Table Demo:http://issues.wenzhixin.net.cn/bootstrap-table/index.html Bootstrap Table API:http://bootstrap-table.wenzhixin.net.cn/zh-cn/documentation/ Bootstrap Table源码:https://github.com/wenzhixin/bootstrap-ta…

引言 SpringBoot项目中的启动类,一般都是XXApplication,例如「StatsApplication」,「UnionApplication」. 每个项目的启动类名称都不一样.但是它的启动类真的是XXApplication吗? META-INF/****Manifest.mf文件 jar文件实际上是class文件的zip压缩存档.jar并不能表达应用程序的便签信息. 「META-INF/Manifest.mf文件提供存档的便签信息.」 Manifest.mf有 「Main-Clas…

2.1 ChannelOption和属性 //设置属性 bootstrap.option("xxx", 1231231); bootstrap.attr("xxx", 123123); //获取属性值 int idValue = ctx.channel.attr("xxx").get();…

标题 Bootstrap 中定义了所有的 HTML 标题(h1 到 h6)的样式,这个和一般的html没啥区别.请看下面的实例: <h1>测试1 h1</h1> <h2>测试2 h2</h2> <h3>测试3 h3</h3> <h4>测试4 h4</h4> <h5>测试5 h5</h5> <h6>测试6 h6</h6> 内联子标题 如果需要向任何标题添加一个内联子…

来源 本文整理自 <Tomcat内核设计剖析>.<Tomcat结构解析> 加上自己的理解.源码来自 Tomcat8.5 版本 // org.apache.catalina.startup.Bootstrap public static void main(String args[]) { if (daemon == null) { // 先创建一个 bootstrap 实例 Bootstrap bootstrap = new Bootstrap(); try { // 初始化Cla…

bootstrap框架,来自 Twitter,基于 html ,css ,js.简介灵活. 首先引入  bootstrap.js   bootstrap.css  及 jquery.js  这里不考虑兼容 对图片的操作的类class: .img-rounded   图片圆角 大概是  border-radius: 6px    IE8不支持 .img-circle   让整个图片变成圆形 ===border-radius=50%  IE8不支持 .img-thumbnail   带padding…

相信大家和我一样,曾经找过bootstrap的类名定义. 无奈没有找到现成的,那我就来总结一下常见类名吧. 基础样式:btn,alert,form,table,input,select.textarea... 颜色样式:info(信息蓝) primary(主要蓝) success(成功绿) warning(警告橙) danger(危险红)主要是这五种颜色样式文本额外多一个(text-muted). 尺寸样式:-xs(特小) -sm(小) 正常的 -lg(特大的) 状态样式:active(激活状态…