4

私のcustom.css.scssファイルには、次のものがあります。

.field_with_errors {
  @extend .control-group;
  @extend .error;
}

問題は、Bootstrap の水平フォームの場合、フィールドが整列されたままにならないことです。

HTML (レールによって生成) は次のとおりです。

<div class="control-group">
    <div class="field_with_errors"><label class="control-label" for="bookmark_url">Url</label></div>
    <div class="controls">
      <div class="field_with_errors"><input id="bookmark_url" name="bookmark[url]" size="30" type="text" value=""></div>
    </div>
  </div>

問題を説明するための jsfiddleを次に示します。

誰でもこれを修正する方法を知っていますか?

4

2 に答える 2

6

I fixed it with the following css:

.form-horizontal .field_with_errors
{
  margin: 0;
}

.form-horizontal .field_with_errors:before, .form-horizontal .field_with_errors::after 
{
  display: block;
  clear: none;
}
于 2012-11-23T19:38:00.397 に答える