I'musingBootstrapversion3,andIwouldlikesuggestionshowIcouldcustomizethisglyph,I'vetriedseveralwaystoalignthisonewiththetext,butitinsistsonstayingabitabovethetextline.
I'musingaJumbotronwithanAlert,andI'dliketoattachthisglyphicontothemessage.ButusingthepredefinedBootstrapclasses,thisiconlosesalignment,howcouldithandlecsstosolve?
Thelinktothebootstrapdocumentation: link
I think the ideal is to create a css to correct this, because I think that the boostrap itself does not have this correction that you are looking for.
Try something like this for your CSS:
.vertical-align {
display: flex;
align-items: center;
flex-direction: row;
}
And then use this in your code:
<h2 class="alert alert-danger vertical-align" role="alert">
<span class="glyphicon glyphicon-info-sign"></span> Informações Importantes:
</h2>