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>
效果:
评论前必须登录!
注册