Bootstrap框架中的下拉选择框其实使用和原始的一样的,多行选择设置multiple属性的值为multiple。Bootstrap框架会为这些元素提供统一的样式风格。例如:
<!doctype>
<html lang="en">
<head>
<meta charset="UTF-8">
<title>Bootstrap教程:表单控件——下拉选择框select元素</title>
<link rel="stylesheet" href="style.css">
<link rel="stylesheet" href="//netdna.bootstrapcdn.com/bootstrap/3.1.1/css/bootstrap.min.css">
</head>
<body>
<form role="form">
<div class="form-group">
<select class="form-control">
<option>新起点博客</option>
<option>bootstrap教程</option>
<option>bootstrap教程</option>
<option>bootstrap教程</option>
<option>bootstrap教程</option>
</select>
</div>
<div class="form-group">
<select multiple class="form-control">
<option>bootstrap教程</option>
<option>bootstrap教程</option>
<option>bootstrap教程</option>
<option>bootstrap教程</option>
<option>bootstrap教程</option>
</select>
</div>
</form>
</body>
</html>
效果:
新起点博客




评论前必须登录!
注册