bootstrap

Franciswmf

浏览: 799888 次
性别:
来自: 上海

最近访客更多访客>>

zhjphj

gglzf4

fengqingyebai

kouok

博主相关

博客

微博

相册

留言

关于我

文章分类

社区版块

存档分类

博客分类：

bootstrap

引用参考：
--inspinia admin 最新版 inspinia 2.7.1 一套非常优秀的bootstrap后台管理模板
http://blog.csdn.net/wuchangjian/article/details/77148837

<head>
<meta charset="UTF-8">
<title>搜索管理</title>
<link 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 select{width: 120px;}
.parent input[type='button']{width: 60px;line-height: 30px;background:#ff8100 ;color: #fff;outline: none;border: none;}
.child{
	text-align: left;
	float: left;
	width: 48%;
	margin:1%;
}
.subChild{
	padding: 10px;
}
</style>
</head>
<body style="margin: auto;">
	<!-- 热门搜索区域div框 -->

				<div class="blockArea">
					<!-- 1和2 -->
					<div class="parent clearfix">
						<div class="child">
							<div class="subChild">
								1:&nbsp;&nbsp;
								<select>
										<option value="" selected="">自动</option>
										<option value="">选择一</option>
										<option value="">选择二</option>
								</select>
							</div>
							<div class="subChild">
								&nbsp;&nbsp;&nbsp;&nbsp;&nbsp;
								<input type="text" placeholder="请输入按钮文字"/>----><input type="text" placeholder="请输入帖子编号"/>
							</div>
						</div>

						<div class="child">
							<div class="subChild">
								2:&nbsp;&nbsp;
								<select>
									<option value="" selected="">自动</option>
									<option value="">选择一</option>
									<option value="">选择二</option>
								</select>
							</div>
							<div class="subChild">
								&nbsp;&nbsp;&nbsp;&nbsp;&nbsp;
								<input type="text"/>----><input type="text"/>
							</div>
						</div>
					</div>

					<!-- 3和4 -->
					<div class="parent clearfix">
						<div class="child">
							<div class="subChild">
								3:&nbsp;&nbsp;
								<select>
									<option value="" selected="">自动</option>
									<option value="">选择一</option>
									<option value="">选择二</option>
								</select>
							</div>
							<div class="subChild">
								&nbsp;&nbsp;&nbsp;&nbsp;&nbsp;
								<input type="text"/>----><input type="text"/>
							</div>
						</div>

						<div class="child">
							<div class="subChild">
								4:&nbsp;&nbsp;
								<select>
									<option value="" selected="">自动</option>
									<option value="">选择一</option>
									<option value="">选择二</option>
								</select>
							</div>
							<div class="subChild">
								&nbsp;&nbsp;&nbsp;&nbsp;&nbsp;
								<input type="text"/>----><input type="text"/>
							</div>
						</div>
					</div>

					<!--button-->
					<div class="parent clearfix">
						<input type="button" value="提交"/>
					</div>

				</div>
	<!--#e 热门搜索 -->
</body>

分享到：