- 浏览: 544111 次
- 性别:
最新评论
-
superich2008:
logback配置文件的改动会导致应用重新加载,多改动几次后就 ...
Chapter 3: Logback configuration -
chenzhihui:
不是可以在log4j中配置以控制台或者文件方式保存日志的?
play记录日志 -
smilease:
很棒,正缺这个,非常感谢
bootstrap3-typeahead 自动补全 -
guangling13345:
[size=x-small][/size]
二级联动菜单 -
jacksondesign:
有,和YAML的格式有关,不知道有没有什么好的YAML格式的验 ...
(四)play之yabe项目【页面】
文章列表
模态窗口的使用:
1.触发窗口打开
2.窗口打开后是否可以继续操作页面上的内容
3.关闭窗口
有2种方式来触发模态窗口的显示
通过data属性
<!-- Button trigger modal 模态框的触发按钮,通过data-toggle="modal" data-target="#myModal"实现与模态框的绑定-->
<button class="btn btn-primary btn-lg" data-toggle="modal" data-target ...
警告框分2种:
静态警告框
动态警告框(依赖jquery插件)
需引入bootstrap下的alert.js到页面中。
静态弹出框
<div class="alert alert-success">
<button type="button" class="close" data-dismiss="alert" aria-hidden="true">×</button>
<strong>W ...
<!DOCTYPE html>
<html>
<head>
<meta charset="utf-8">
<title>Default buttons from Bootstrap 3</title>
<meta name="viewport" content="width=device-width, initial-scale=1.0">
<!-- Bootstrap -->
<link href=&qu ...
<!-- 分页 -->
<div class="container">
<ul class="pagination pagination-sm">
<li><a href="#">«</a></li>
<li><a href="#">1</a></li>
<li><a href="#&qu ...
动态效果的进度条
<!-- striped条纹 active运动效果 -->
<!-- 默认 -->
<div class="progress progress-striped active">
<div class="progress-bar" role="progressbar" style="width: 20%;">
<span class="sr-only"></span>
...
<!DOCTYPE html>
<html lang="en">
<head>
<meta charset="utf-8">
<link href="../../bootstrap-3.0.0/dist/css/bootstrap.min.css"
rel="stylesheet">
<style type="text/css">
body{
margin-top: 50px;
}
&l ...
标签-label
<span class="label label-success">Success</span>
标号-badge
<span class="badge">1</span>
更换背景颜色:
.navbar {
background-color: #febf04;
}
<!DOCTYPE html>
<html lang="en">
<head>
<meta charset="utf-8">
<title>Twitter Bootstrap Basic Tab Based Navigation Example</title>
<meta name="description"
content= ...
basic tab based Navigation
basic pills based Navigation
<div class="container">
<div class="row">
<!-- 横向TAB导航 -->
<div class="col-lg-6">
<ul class="nav nav-tabs">
<li class="active&qu ...
Bootstrap内部对图片样式的默认设置
img {
border: 0;/*This removes any border when images are rendered.*/
page-break-inside: avoid;/*avoids page breaks inside images.*/
max-width: 100% !important;/*make sure that even if the width of the image exceeds the container, it is restricted to the premise of t ...
Buttons are used widely in any website or app.
按钮在web应用中使用非常的广泛。
按钮类别(不同颜色传递不同信息)
<!DOCTYPE html>
<html>
<head>
<title>Default buttons from Bootstrap 3</title>
<meta name="viewport" content="width=device-width, initial-scale=1.0"&g ...
使用bootstrap创建Form表单
Twitter Bootstrap has styles for form controls like input, textarea, and select, it has support for lists and checkbox, has styles for disabled form controls and has included states like error, warning, and success for each form controls.
表单布局
1.垂直
2.内联
3.Search
...
Font Icons are becoming more and more popular because of a number of benefits.
在网页中使用字体图标,既形象又好看。
图标查询地址:
http://www.w3resource.com/twitter-bootstrap/3/glyph-customization.html
<!DOCTYPE html>
<html>
<head>
<title>Bootstrap V3 template</title>
< ...
判断Date是否在一个时间范围内
- 博客分类:
- WEB后台@JavaSE
private static boolean inAuspiciousPeriod(String startDate, String endDate) {
int startYear = Integer.parseInt(startDate.split("-")[0]);
int startMonth = Integer.parseInt(startDate.split("-")[1]);
int startDay = Integer.parseInt(startDate.split("-")[2]);
...