Html
    Css
    Js

    
                        
/*
 * Style tweaks
 * --------------------------------------------------
 */
html,body {
	overflow-x:hidden;
	/* Prevent scroll on narrow devices */
}
body {
	padding-top:70px;
}
footer {
	padding:30px 0;
}
/* CUSTOMIZE THE CAROUSEL
-------------------------------------------------- */

.order-table {
	margin-top:30px;
	margin-left:30px;
}
.main-menu {
	width:300px;
	padding:10px;
	font-size:12px;
	font-weight:400;
}
.way {
	width:100px;
	text-align:center;
	font-size:12px;
	font-weight:400;
}
.confirm-td {
	width:173px;
	text-align:center;
	font-size:12px;
	font-weight:400;
}
.detail-td {
	width:100px;
	text-align:center;
	font-size:12px;
	font-weight:400;
}
.dealtime {
	float:left;
	margin-left:20px;
	width:265px;
}
.number {
	float:left;
	text-align:center;
}
.delete {
	float:right;
	margin-right:20px;
}
td {
	border:1px solid #e8e8e8;
}
.head {
	background-color:#f5f5f5;
	height:43px;
	border:1px solid #e8e8e8;
}
.head span {
	font-weight:400;
	font-size:12px;
}
.main-item {
	display:block;
	font-size:12px;
	font-weight:400;
}
.search_submit {
	margin-left:-4px;
	background-color:#f5f5f5;
	border:1px solid #ddd;
	height:28px;
	margin-bottom:0px;
	font-size:12px;
	width:51px;
}
.search_text {
	font-weight:200;
	text-indent:1em;
	width:170px;
	border:1px solid #ddd;
	height:28px;
	float:left;
}
.search {
	margin-left:50px;
	margin-top:15px;
}
.infotab {
	width:150px;
	height:40px;
}
.infotab a {
	width:100%;
	height:100%;
	text-align:center;
}
.infotab.active {
	border-top-color:#b4a078;
	border-top:2px solid;
	background-color:#fff;
	border-bottom:1px solid #fff;
}
.menu-item {
	display:block;
	margin-bottom:15px;
	text-align:center;
}
/* Carousel base class */
.carousel {
	height:300px;
	margin-bottom:60px;
}
/* Since positioning the image,we need to help out the caption */
.carousel-caption {
	z-index:10;
}
/* Declare heights because of positioning of img element */
.carousel .item {
	height:300px;
	background-color:#777;
}
.carousel-inner > .item > img {
	position:absolute;
	top:0;
	left:0;
	min-width:100%;
	height:400px;
}
/*
 * Off Canvas
 * --------------------------------------------------
 */
@media screen and (max-width:767px) {
	.row-offcanvas {
	position:relative;
	-webkit-transition:all .25s ease-out;
	-o-transition:all .25s ease-out;
	transition:all .25s ease-out;
}
.row-offcanvas-right {
	right:0;
}
.row-offcanvas-left {
	left:0;
}
.row-offcanvas-right
  .sidebar-offcanvas {
	right:-50%;
	/* 6 columns */
}
.row-offcanvas-left
  .sidebar-offcanvas {
	left:-50%;
	/* 6 columns */
}
.row-offcanvas-right.active {
	right:50%;
	/* 6 columns */
}
.row-offcanvas-left.active {
	left:50%;
	/* 6 columns */
}
.sidebar-offcanvas {
	position:absolute;
	top:0;
	width:50%;
	/* 6 columns */
}
}@media(max-width:767px) {
	#langChange {
	position:absolute;
	top:0px;
	right:85px;
}
}

                        
↑上面代码改变,会自动显示代码结果 jQuery调用版本:1.11.3
 立即下载

table表格动态添加删除行

可以动态的删除和添加Table中的行

0