css – 如何设置按钮与引导右对齐?

前端之家收集整理的这篇文章主要介绍了css – 如何设置按钮与引导右对齐?前端之家小编觉得挺不错的,现在分享给大家,也给大家做个参考。
我在学习Bootstrap。结构是一些上下文中的容器。在容器的底部,我在说明旁边放了一个按钮。

现在,我想设置按钮向右对齐而不中断引导结构。
我该怎么办?我设置了“float:right”的按钮样式,但它似乎不好。
该按钮在“alert-info”背景之外,而不是垂直对齐。任何更好的方法

<div class="alert alert-info">
<a href="#" class="alert-link">Summary:Its some description.......testtesttest</a>  
<button type="button" class="btn btn-primary btn-lg" style="float:right;">Large      button</button>
 </div>

解决方法

只需向按钮添加一个简单的右键类,并确保容器div是clearfixed:
<div class="alert alert-info clearfix">
    <a href="#" class="alert-link">Summary:Its some description.......testtesttest</a> 
    <button type="button" class="btn btn-primary btn-lg pull-right">Large button</button>
</div>

猜你在找的CSS相关文章