css - 在 Bootstrap 中编辑警报的宽度

Question

我想减小警报的大小。我试过:

.alert{
    align-content: center;
    width: 20%;
}

但是不行，我也试过缩小整个容器的宽度。我也尝试过将警报设置为他的内容的宽度，但也没有用:

.alert{
    display:inline-block;
}

我的提醒包含许多这样的链接:

<a href="website" id="links" target="_blank">/website1</a> 

Answer 1

尝试使用

.alert{
    align-content: center;
    width: 20% !important;
}