bootstrap 样式demo

发布时间：2020-12-17 20:56:37 所属栏目：安全来源：网络整理

导读：headmeta charset="UTF-8"title搜索管理/titlelink 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 sele

<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>

（编辑：李大同）

【声明】本站内容均来自网络，其相关言论仅代表作者个人观点，不代表本站立场。若无意侵犯到您的权利，请及时与联系站长删除相关内容!