3

すべてのフォーム要素の 2 つの入力フィールド間の空白を削除しようとしています。高さを減らしたのですが、その後次のラベルが上がってしまいます。それを削除する方法を教えてください。

http://jsfiddle.net/DA9gK/18/

<div class="control-group">
                    <label class="control-label" for="inputEmail">Company Name</label>
                    <div class="controls">
                      <input type="text" id="inputEmail">
                    </div>
                  </div>
                  <div class="control-group">
                      <label class="control-label" for="inputEmail">Contact Name</label>
                      <div class="controls">
                        <input type="text" id="inputEmail">
                      </div>
                  </div>
4

3 に答える 3

2

今では誰もあなたを助けることができなかったと思います。ここは大混乱です。HTML および CSS ウィンドウで jsfiddle を更新します。ところで-ラベルのパディングまたはマージンスタイルについて書いています。(余白-底:0)

于 2013-01-15T22:35:53.500 に答える
1

私はこれがあなたの問題を解決するはずだと思います、私はそこで答えました。ありがとうございました。フォームフィールドのボタンの配置

くそ!間違った速い答えをお詫びします、わかりました、私はあなたの問題に焦点を合わせました、そして問題はあなたがインポートしているcssファイルにあります。「http://twitter.github.com/bootstrap/assets/css/bootstrap.css」と要素はスタイル属性を継承しており、空白の問題は「1945行目」に明示的に定義されています。

.form-horizontal .controls {
*display: inline-block;
*padding-left: 20px;
margin-left: 180px;
*margin-left: 0;

したがって、これらを手動でオーバーライドするか、古き良き「!important」属性を使用する必要があります。

PS:「margin-left」属性の値を160pxか、使いやすいものに編集する必要があります。

于 2013-01-15T22:38:59.407 に答える
1

のパディングとマージンが原因ですlabel.control-label。上部パディングまたは下部マージンを削除します。(余白をなくしたほうが見栄えが良いと思います。)

label.control-label {
  margin-bottom: 0;
}
于 2013-01-15T22:35:01.037 に答える