为什么bootstrap截断按钮中的文本?

时间:2016-06-01 14:35:46

标签: html css twitter-bootstrap

由于未知原因,我的按钮中的文本被截断。我的HTML是:

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

它的外观如何: enter image description here

我可以设置百分比或像素的宽度,它工作正常,但我想按钮只适合文本长度,避免宽度硬编码。

我没有覆盖任何bootstrap css,你可以看到,我没有使用自定义类/ ID。

2 个答案:

答案 0 :(得分:3)

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

您错过了type="submit",这意味着它默认为文字输入。

答案 1 :(得分:1)

您必须输入button的type属性才能将输入设为按钮。

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