如何设置引导程序通知图标的位置

时间:2017-10-24 06:56:30

标签: javascript html css twitter-bootstrap

任何人都可以告诉我设置Bootstrap通知图标位置的方法

示例代码



$('body').notify({  
    message: 'Hello World',  
    type: 'danger'  
});




我的问题是通知图标,通知消息未对齐。见下图。

enter image description here

在上面的图片文字中,图标没有对齐。

3 个答案:

答案 0 :(得分:0)

添加此CSS并更改顶部:1px;根据你的立场。

.glyphicon {
position: relative;
top: 1px;
display: inline-block;
font-family: 'Glyphicons Halflings';
font-style: normal;
font-weight: 400;
line-height: 1;
-webkit-font-smoothing: antialiased;
-moz-osx-font-smoothing: grayscale;

}

答案 1 :(得分:0)

添加css ...并引用您的警告图标和文字标记,我标记为“icon”和“text”

overridesForField

答案 2 :(得分:0)

感谢您的所有答案。我已经在示例项目中尝试了提供的CSS样式。它正在研究它,但是当涉及到我的项目时它不会工作。

经过几个小时的调查,我发现问题是由于测试尺寸造成的。 我刚刚发布了这个答案来说明问题的原因。