Twitter bootstrap 引导按钮没有';t涵盖全文

Twitter bootstrap 引导按钮没有';t涵盖全文,twitter-bootstrap,twitter-bootstrap-3,Twitter Bootstrap,Twitter Bootstrap 3,引导按钮不包含全文。我不知道是什么原因造成的,我如何才能修复它。可能我的css中的一些css文件覆盖了样式(不确定)…我如何修复它。我试着改变宽度,但在这里没有帮助 有人能帮忙吗 <button type="button" class="btn btn-sm btn-secondary" (click)="confirmModal()">Save Selection</button> 保存所选内容 这是因为btn sm有一个最大宽度,你可以用它自己创建一个类或样式

引导按钮不包含全文。我不知道是什么原因造成的,我如何才能修复它。可能我的css中的一些css文件覆盖了样式(不确定)…我如何修复它。我试着改变宽度,但在这里没有帮助 有人能帮忙吗

 <button type="button" class="btn btn-sm btn-secondary" (click)="confirmModal()">Save Selection</button>
保存所选内容

这是因为btn sm有一个最大宽度,你可以用它自己创建一个类或样式

.btn宽度{ 宽度:自动
}这是因为btn sm有一个最大宽度,您可以使用

.btn宽度{ 宽度:自动
}发生这种情况的原因有很多。不提供代码演示/提供确切的自定义CSS/引导版本。在你得到它之前,这是一个偶然的机会

先试试这个:

position: relative;
如果这不起作用,则将文本围成一个跨距:

<button class="btn btn-sm btn-secondary"><span style="display: block;">SAVE SELECTION</span></button>
保存所选内容
如果所有其他操作都失败,请向按钮本身添加一个
style=“display:inline block;”“


让我知道这是怎么回事,如果不起作用,请将网站上传到某个地方,可能是CodePen或其他东西,然后链接我,从那里我可以查看inspect并告诉您如何在几秒钟内修复它。

出现这种情况的原因很多。不提供代码演示/提供确切的自定义CSS/引导版本。在你得到它之前,这是一个偶然的机会

先试试这个:

position: relative;
如果这不起作用,则将文本围成一个跨距:

<button class="btn btn-sm btn-secondary"><span style="display: block;">SAVE SELECTION</span></button>
保存所选内容
如果所有其他操作都失败,请向按钮本身添加一个
style=“display:inline block;”“


让我知道这是怎么回事,如果不起作用,把网站上传到某个地方,可能是CodePen或其他什么,然后链接我,从那里我可以查看inspect并告诉你如何在几秒钟内修复它。

谢谢@Matt,
。btn width{width:auto}
起作用了<代码>保存所选内容CSS'.btn-width{width:auto!重要;}'Thank@Matt,
.btn-width{width:auto}
工作正常<代码>保存所选内容CSS'.btn width{width:auto!important;}'