ブートストラップがボタンのテキストを切り詰めるのはなぜですか？

Question

不明な理由により、ボタンのテキストが切り捨てられます。

<input class="btn btn-default" value="Lorem ipsum dolor sit amet, consectetur adipiscing elit."/> 

そしてそれは、それがどのように見えるかです：私のhtmlがある

を私はパーセントまたはピクセル単位で幅を設定することができ、それが正常に動作しますが、私はボタンにしたいテキストのみの長さを合わせて、避けます幅のハードコーディングが可能です。

私はブートストラップのCSSを上書きしませんでした。ご覧のとおり、カスタムクラス/ IDは使用しません。

Answer 1

<input type="submit" class="btn btn-default" value="Lorem ipsum dolor sit amet, consectetur adipiscing elit."/>

に変更し、それをあなたはそれがテキスト入力にデフォルト設定です意味、type="submit"を欠落していました。

Answer 2

あなたの入力をボタンとして入力するには、buttonのtype属性を指定する必要があります。

<input type="button" class="btn btn-default" value="Lorem ipsum dolor sit amet, consectetur adipiscing elit."/>