4

Railsアプリケーションでブートストラップを使用しようとしていますが、ブートストラップCSSを直接​​含めるか、bootstrap-sass/anjlab-boostrap-railsを使用してすでに試しています。

そのうちの3つで、私は理解できなかった奇妙な問題に直面しています。

私は次のhtmlコードを持っています：

<div class="input-append">
  <input type="text" /><a href="#" class="btn">?</a>
</div>

レンダリングは問題ありませんが、フィールドに何かをタイプライトすると、何も表示されません。さらに調べてみると、input-prepend / appendがfont-sizeを0に設定すると、テキストが消えてしまうように見えることがわかりました。

HTMLコードを書いたときに何かを忘れましたか？それが正しいか ？

前もって感謝します

4

2 に答える 2

3

私もこの問題に気づき、原因を突き止めることができました。

Bootstrap の (バージョン 2) css ルールは、フォント サイズを 0.input-appendに.input-prepend設定して、水平方向の空白を削除します。その後、いくつかの要素が正しいフォント サイズにリセットされますが、リセットに.btnは含まれません。.btn復元されたフォントサイズを取得する要素のリストに追加することで、問題を修正できました。

注:これは Bootstrap 3 ではもはや問題ではありません。これは、新しい.input-groupスタイルが以前のインライン ブロック アプローチ (空白ハックを使用) ではなくフロートに依存しているためです。

于 2013-09-18T22:17:53.223 に答える
0

最後に、私は問題を見つけました。コードのこの部分と競合する別のスタイルシートが 1 つあることに気付きませんでした。競合に含まれるコードは次のとおりです。

input, textarea {
  font-size: 1.1em !important;
}

このスタイル宣言にコメントすると、再び魅力的に機能します。なぜこれが私が持っていた奇妙な動作を引き起こしているのか正確には理解できませんでした. 私の場合、この定義は、bootstrap.css を含めた後に行われました。

于 2012-10-04T05:44:49.217 に答える