Bootstrap教程:表单控件——下拉选择框select元素

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>

效果：

相关文章：

你感兴趣的文章：

标签云：