bootrap

div class="container">
	<div class="row">
	<div class="col-md-4 col-lg-offset-4">
	<form style="background-color: #08f080;margin-top:200px;text-align: center">
	<fieldset style="width: 70% ;margin: auto">
	<h1>User Login</h1>
	<div class="input-group form-group">
	<span class="input-group-addon">
	<span class="glyphicon glyphicon-user"></span>
	</span>
	<input class="form-control" type="text">
	</div>
	<div class="form-group">
	<div class="input-group">
	<span class="input-group-addon">
	<span class="glyphicon glyphicon-lock"></span>
	</span>
	<input class="form-control" type="password">
	</div>
	</div>
	<div class="form-group">
	<div class="input-group">
	<input class="form-control" type="text">
	<span class="input-group-addon">@</span>
	</div>
	</div>
	<div class="form-group input-group">
	<input type="text" class="form-control">
	<span class="input-group-btn">
	<button class="btn btn-default">GO!</button>
	</span>
	</div>
	<div class="form-group input-group">
	<div class="input-group-btn">
	<button class="btn btn-default">
	button
	<span class="caret"></span>
	</button>
	<ul class="dropdown-menu">
	<li><a>菜单1</a></li>
	<li><a>菜单1</a></li>
	<li class="divider"></li>
	<li><a>菜单1</a></li>
	<li><a>菜单1</a></li>
	</ul>
	<input type="text" class="form-control"/>
	</div>
	</div>
	<div class="form-group input-group">
	<div class="input-group-btn open">
	<button type="button" class="btn btn-default">action</button>
	<button type="button" class="btn btn-default dropdown-toggle">
	<span class="caret"></span>
	</button>
	<ul class="dropdown-menu">
	<li><a>adfasd</a></li>
	<li><a>adfasd</a></li>
	<li><a>adfasd</a></li>
	<li><a>adfasd</a></li>
	</ul>
	</div>
	<input type="text" class="form-control"/>
	</div>
	<a href="#" class="btn btn-info btn-block" >登陆</a>
	<a href="#" class="btn btn-info btn-block" >重置</a>
	</fieldset>
	</form>
	</div>
	</div>
	</div>
	<div class="input-group">
	<input type="text" class="form-control" />
	<div class="input-group-btn open">
	<button class="btn btn-default dropdown-toggle">
	button
	<span class="caret"></span>
	</button>
	<ul class="dropdown-menu">
	<li><a>菜单1</a></li>
	<li><a>菜单1</a></li>
	<li class="divider"></li>
	<li><a>菜单1</a></li>
	<li><a>菜单1</a></li>
	</ul>
	</div>
	</div>
	<br/>
	<br/>
	<br/>
	<ul class="nav nav-tabs ">
	<li class="active"><a href="#">aaaa</a></li>
	<li><a href="#">aaaa</a></li>
	<li class="open">
	<a href="#" class="dropdown-toggle">
	aaa<span class="caret"></span>
	</a>
	<ul class="dropdown-menu">
	<li ><a href="#">adf</a></li>
	<li ><a href="#">adf</a></li>
	<li ><a href="#">adf</a></li>
	<li ><a href="#">adf</a></li>
	</ul>
	</li>
	</ul>
	</body>