Bootstrap 表单控件尺寸.pdfVIP

Bootstrap 表单控件尺⼨ ⾼度输⼊和选择框 要更改输⼊元素的⾼度，请使⽤Bootstrap的控件尺⼨类： input-lg⽤于⽐默认⼤⼩更⼤的输⼊元素。 input-sm⽤于⽐默认⼤⼩更⼩的输⼊元素。 这⾥有⼀ 使⽤中的例⼦： !DOCTYPE html html lang=en head script type=text/ja ascript src=http://code.jquery .com/jquery-1.10.1.min.js/script link rel=stylesheet href=/bootstrap/3.2.0/css/boots link rel=stylesheet href=/bootstrap/3.2.0/css/boots script src=https://ajax ./ajax/libs/jquery/1.11.1/jquery . script src=/bootstrap/3.2.0/js/bootstr script type=text/ja ascript $(document).ready(function(){ $(.myDropdownHandle).dropdown(toggle); }); /script /head body style=margin:30px di class=form-group has-success input class=form-control input-lg type=text pla input class=form-control type=text placeholder input class=form-control input-sm type=text pla /di /body /html 例 我们可以控制输⼊的⾼度和选择框以匹配按钮⼤⼩。 .input-lg，.input-sm可以在input和select框中使⽤，以创建更⼤或更⼩的尺⼨。 !DOCTYPE html html lang=en head link rel=stylesheet href=/boot link rel=stylesheet href=/boot script src=https://ajax ./ajax/libs/jquery/1.11.1/j script src=/bootstrap/3.3.1/js/b style type=text/css .bs-example{ margin: 20px; } /style /head body di class=bs-example form di class=row di class=col-xs-6 input type=text class=form-control input-lg /di di class=col-xs-6 select class=form-control input-lg optionLarger select/option /select /di /di br di class=row di class=col-xs-6 input type=text class=form-control placehold /di di class=col-xs-6 select class=form-control optionDefault select/option /select /di