49

input-xlargeやなどの重要な機能を削除した後input-large、ブートストラップ 3 でそれを置き換えるものは何ですか?

もちろんcol-lg-12etc を使用することもできますが、タブペインでエラーが発生しています。

"を使用することもできますstyle = "width:30px;が、それとは異なり、応答性がinput-xlarge失われます。何か提案などはありますか?

4

5 に答える 5

67

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 とは少し異なりますが、すぐに慣れます。

于 2013-09-19T17:16:00.923 に答える
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>
于 2016-01-25T22:30:08.767 に答える
0

max-widthメインのcssファイルでaで解決しました。

/* Set width on the form input elements since they're 100% wide by default */
input,
select,
textarea {
    max-width: 280px;
}

「コード」がほとんどないシンプルなソリューションです

于 2016-01-08T14:10:33.857 に答える