我在学习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>