如何在Bootstrap警报上应用文本对齐

我想问如何在Bootstrap警报中对齐（右对齐和左对齐）文本。我试图使用类警告类的文本对齐，但不能让文本被证明。代码如下：如何在Bootstrap警报上应用文本对齐

<div class="alert alert-danger alert-error text-justify"> 
    <a href="#" class="close" data-dismiss="alert">&times;</a> 
    <span class="glyphicon glyphicon-remove-circle"></span> Lorem ipsum dolor sit amet, consectetur adipiscing elit. Pellentesque scelerisque enim non dolor blandit lobortis. Aenean risus elit, porta eu consectetur vel, mollis ut risus 
</div>.

到目前为止，我得到下面的输出：

enter image description here

感谢

来源

2014-12-02 Jun Dolor

链接bootply：http://www.bootply.com/d3oeN9GlOg

更改这样的代码，看看。

<div class="alert alert-danger alert-error text-justify"> 
    <div class="container"> 
    <div class="row"> 
     <a href="#" class="close" data-dismiss="alert">&times;</a> 
    </div> 
    <span class="glyphicon glyphicon-remove-circle"></span> 
    Lorem ipsum dolor sit amet, consectetur adipiscing elit. Pellentesque scelerisque enim  non dolor blandit lobortis. Aenean risus elit, porta eu consectetur vel, mollis ut risus 
    </div> 
</div>

的容器 DIV是可选的。

如果您不想使用容器并希望关闭按钮和其他元素位于同一行，请改用此代码。

<div class="alert alert-danger alert-error text-justify"> 
    <div class="row"> 
    <div class="col-xs-11"> 
     <span class="glyphicon glyphicon-remove-circle"></span> Lorem ipsum dolor sit amet, consectetur adipiscing elit. Pellentesque scelerisque enim non dolor blandit lobortis. Aenean risus elit, porta eu consectetur vel, mollis ut risus 
    </div> 
    <div class="col-xs-1"> 
     <a href="#" class="close" data-dismiss="alert">×</a> 
    </div> 
    </div> 
</div>

见bootply更新：http://www.bootply.com/tyrOuAN0x0

来源

2014-12-02 04:31:49 arshad

完美地工作！我已经移除了容器div，并在div行上添加了margin-bottom：-15px样式，以便将文本与关闭链接对齐。谢谢！ – 2014-12-02 05:38:57

请勿使用负边距。请试试这个：http://www.bootply.com/tyrOuAN0x0。请检查更新后的答案。 – arshad 2014-12-02 06:03:38

刚刚做到了。再次感谢！ – 2014-12-02 06:24:07

如何在Bootstrap警报上应用文本对齐

回答

相关问题