bootstrap

最新推荐文章于 2022-12-05 11:40:29 发布

揽峰moc

最新推荐文章于 2022-12-05 11:40:29 发布

阅读量88

点赞数

分类专栏： bootstrap

本文链接：https://blog.csdn.net/big1989wmf/article/details/84854503

版权

bootstrap 专栏收录该内容

1 篇文章 0 订阅

订阅专栏

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


<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:  
								<select>
										<option value="" selected="">自动</option>
										<option value="">选择一</option>
										<option value="">选择二</option>
								</select>
							</div>
							<div class="subChild">
								     
								<input type="text" placeholder="请输入按钮文字"/>----><input type="text" placeholder="请输入帖子编号"/>
							</div>
						</div>

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

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

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

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

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

揽峰moc

关注

0
点赞
踩
0

收藏

觉得还不错? 一键收藏
0
评论
bootstrap

引用参考：--inspinia admin 最新版 inspinia 2.7.1 一套非常优秀的bootstrap后台管理模板[url]http://blog.csdn.net/wuchangjian/article/details/77148837[/url][code="java"]搜索管理.blockArea{ padding: 10px;...
复制链接

扫一扫

专栏目录