为什么我没有水平排列
<!DOCTYPE html>
<html>
<head>
<meta charset="UTF-8">
<link href="css/bootstrap.min.css" rel="stylesheet">
<title>表单</title>
</head>
<body>
<from>
<div>
<label for="">这是一个输入框:</label>
<input type="text" placeholder="这是一输入框">
</div>
<div>
<label for="">这是一个输入框:</label>
<textarea name="" id="" cols="30" rows="10"></textarea>
</div>
<div>
<label for="">这是一个输入框:</label>
<input type="text" placeholder="这是一输入框">
</div>
<div>
<label for="">这是一个输入框:</label>
<select name="" id="">
<option value="">北京</option>
<option value="">北京</option>
<option value="">北京</option>
<option value="">北京</option>
<option value="">北京</option>
</select>
</div>
</from>
</body>
</html