Bootstrap全局样式03

今天我们还是一起来学bootstrap里面的样式吧！毕竟Bootstrap就是搞样式的不是吗?

表单

1、基本表单：

01、 class=“form-control”:可为<input><textarea><select>元素设置该属性，会将宽度设置为100%
           
02、class=“form-group”:可为<div>设置该属性，<div>中<label>和<input>,这样层次会更清晰

            <form>
				<div class="form-group">
					<label>用户名：</label>
					<input type="text"id= "uname" class="form-control" placeholder="请输入用户名" />
				</div>
				<div class="form-group">
					<label>密码：</label>
					<input type="password" id="spwd" class="form-control" placeholder="请输入密码"/>
				</div>
			</form>

2、内联表单【让所有表单元素都显示在一行】：<form class="form-inline">

       <form class="form-inline">
			<div class="form-group">
				<label>用户名：</label>
				<input type="text"id= "uname" class="form-control" placeholder="请输入用户名" />
			</div>
			<div class="form-group">
				<label>密码：</label>
				<input type="password" id="spwd" class="form-control" placeholder="请输入密码"/>
			</div>
		</form>

3、表单组合：

<div class="input-group">
      <span class="input-group-addon"></span>
      <input type="text">
    <