Twitter bootstrap 如何使用引导类以较小字体显示引导警报高度?

Twitter bootstrap 如何使用引导类以较小字体显示引导警报高度?,twitter-bootstrap,bootstrap-4,Twitter Bootstrap,Bootstrap 4,单击“删除”按钮后,我已设置警报。 但它的默认高度更大,我想让它小一些 我试过了,但没用。 我已经在w-50之前将宽度设置为sceen的一半,但警报的一半高度不适用于h-50 是否有任何类,如sm、xs,可以使警报变小,就像我们在中使用的那样 ?将p-1类添加到其中,较大的大小是由于警报中的填充。通过使用引导的p-1实用程序类来减少它。它会将填充减少到4倍 小警报 正常警报 将p-1类添加到它中,较大的大小是由于警报中的填充。通过使用引导的p-1实用程序类来减少它。它会将填充减少到4倍 小警

单击“删除”按钮后,我已设置警报。 但它的默认高度更大,我想让它小一些

我试过了,但没用。 我已经在w-50之前将宽度设置为sceen的一半,但警报的一半高度不适用于h-50

是否有任何类,如sm、xs,可以使警报变小,就像我们在中使用的那样 ?

将p-1类添加到其中,较大的大小是由于警报中的填充。通过使用引导的p-1实用程序类来减少它。它会将填充减少到4倍

小警报 正常警报 将p-1类添加到它中,较大的大小是由于警报中的填充。通过使用引导的p-1实用程序类来减少它。它会将填充减少到4倍

小警报 正常警报
在此了解bootstrap-4中的间距: myAlert先生{ 高度:59px!重要; } 警报 使用p-0表示填充:0在引导间距中学习

成功此警报框可能表示已采取成功或积极的行动。 用css设置高度!重要的是要防止超驰

成功此警报框可能表示已采取成功或积极的行动。
在此了解bootstrap-4中的间距: .myAlert{ 高度:59px!重要; } 警报 使用p-0表示填充:0在引导间距中学习

成功此警报框可能表示已采取成功或积极的行动。 用css设置高度!重要的是要防止超驰

成功此警报框可能表示已采取成功或积极的行动。
我希望警报的大小与btn差不多,因此为此用例创建了以下CSS类:

.alert-btn-height {
    padding: .475rem .25rem !important;
}

您也可以进行类似的修改以匹配所需的格式。

我希望警报大小与btn相同,因此我为此用例创建了以下CSS类:

.alert-btn-height {
    padding: .475rem .25rem !important;
}

您可以进行类似的修改以匹配所需的格式。

您可以从代码中显示更多内容并创建Fiddle吗您可以从代码中显示更多内容并创建Fiddle谢谢Nandita,但我已经尝试了相同的解决方案,添加了填充p-0。谢谢Nandita,但我已经尝试了相同的解决方案,添加了填充p-0。