html - Twitter Bootstrap での CSS ボタンの問題

Question

こちら元ソース（問題あり）

ここに画像の説明を入力

しかし、jsfiddleで問題を再生成しようとすると、正しい結果が得られます

ここに画像の説明を入力

私は何が欠けていますか？この問題を解決するにはどうすればよいですか?

score 1 · Accepted Answer

HTML5 doctype が必要です

Bootstrap は、HTML5 doctype の使用を必要とする特定の HTML 要素と CSS プロパティを利用します。すべてのプロジェクトの最初に含めます。

<!DOCTYPE html>
<html lang="en">
  ...
</html>

ドキュメント(の最初) から取得。

score 1 · Accepted Answer

display: inline-block;

キャレットクラスで、スパンがボタンを伸ばすのを妨げています。修理：

.btn .caret {
    display: inline;
    top: 10px;
    margin-left: 0;
    position: relative;
}

2 に答える 2