input-xlarge
やなどの重要な機能を削除した後input-large
、ブートストラップ 3 でそれを置き換えるものは何ですか?
もちろんcol-lg-12
etc を使用することもできますが、タブペインでエラーが発生しています。
"を使用することもできますstyle = "width:30px;
が、それとは異なり、応答性がinput-xlarge
失われます。何か提案などはありますか?
input-xlarge
やなどの重要な機能を削除した後input-large
、ブートストラップ 3 でそれを置き換えるものは何ですか?
もちろんcol-lg-12
etc を使用することもできますが、タブペインでエラーが発生しています。
"を使用することもできますstyle = "width:30px;
が、それとは異なり、応答性がinput-xlarge
失われます。何か提案などはありますか?
Bootstrap 3 では、.form-control
(入力に与えるクラス) の幅は 100% で、配置のために col-lg-X div にラップできます。ドキュメントの例:
<div class="row">
<div class="col-lg-2">
<input type="text" class="form-control" placeholder=".col-lg-2">
</div>
<div class="col-lg-3">
<input type="text" class="form-control" placeholder=".col-lg-3">
</div>
<div class="col-lg-4">
<input type="text" class="form-control" placeholder=".col-lg-4">
</div>
</div>
列のサイズ設定を参照してください。
Bootstrap 2.3.2 とは少し異なりますが、すぐに慣れます。
<form role="form">
<div class="form-group">
<div class="col-xs-2">
<label for="ex1">col-xs-2</label>
<input class="form-control" id="ex1" type="text">
</div>
<div class="col-xs-3">
<label for="ex2">col-xs-3</label>
<input class="form-control" id="ex2" type="text">
</div>
<div class="col-xs-4">
<label for="ex3">col-xs-4</label>
<input class="form-control" id="ex3" type="text">
</div>
</div>
</form>
max-width
メインのcssファイルでaで解決しました。
/* Set width on the form input elements since they're 100% wide by default */
input,
select,
textarea {
max-width: 280px;
}
「コード」がほとんどないシンプルなソリューションです