bootstrap 按钮未覆盖全文
bootstrap button doesn't covers full text
bootstrap 按钮不包含全文。我不确定是什么原因造成的，我该如何解决。也许我 css 中的一些 css 文件覆盖了样式（不确定）..我该如何修复它。我尝试改变宽度，但这对这里没有帮助
有人可以帮忙吗？
<button type="button" class="btn btn-sm btn-secondary" (click)="confirmModal()">Save Selection</button>
这是因为 btn-sm 有最大宽度，您可以创建一个 class 或使用
自行设置样式
或
.btn-宽度{
宽度：自动
}
发生这种情况的原因有很多。没有提供代码 demo/providing 确切的自定义 CSS/bootstrap 版本。在你得到它之前，这是一个偶然的机会。
先试试这个：
position: relative;
如果这不起作用，您可以将文本包围在一个范围内：
<button class="btn btn-sm btn-secondary"><span style="display: block;">SAVE SELECTION</span></button>
所有其他方法都失败了，向按钮本身添加一个 style="display: inline-block;"
让我知道进展如何，如果这不起作用，请将网站上传到某个地方，也许是 CodePen 或其他东西，然后 link 我，从那里我可以查看检查并告诉你如何在几秒钟内修复它。
bootstrap 按钮不包含全文。我不确定是什么原因造成的，我该如何解决。也许我 css 中的一些 css 文件覆盖了样式（不确定）..我该如何修复它。我尝试改变宽度，但这对这里没有帮助 有人可以帮忙吗？
<button type="button" class="btn btn-sm btn-secondary" (click)="confirmModal()">Save Selection</button>
这是因为 btn-sm 有最大宽度，您可以创建一个 class 或使用
自行设置样式或
.btn-宽度{ 宽度：自动 }
发生这种情况的原因有很多。没有提供代码 demo/providing 确切的自定义 CSS/bootstrap 版本。在你得到它之前，这是一个偶然的机会。
先试试这个：
position: relative;
如果这不起作用，您可以将文本包围在一个范围内：
<button class="btn btn-sm btn-secondary"><span style="display: block;">SAVE SELECTION</span></button>
所有其他方法都失败了，向按钮本身添加一个 style="display: inline-block;"
让我知道进展如何，如果这不起作用，请将网站上传到某个地方，也许是 CodePen 或其他东西，然后 link 我，从那里我可以查看检查并告诉你如何在几秒钟内修复它。