css - 使用 bootstrap3 右对齐图像

标签 css twitter-bootstrap-3

<div class="row">
    <div class="col-xs-3">
        <img src="image/t.png " class="img-responsive">
    </div>
    <div class="col-xs-9 ">
        <img src="image/b.png " class="img-responsive">
    </div>
</div>

我希望 b.png 图像右对齐。

最佳答案

你只需要添加 .pull-right 类。 所以它会像这个例子:

<div class="row">
    <div class="col-xs-3">
        <img src="image/t.png " class="img-responsive">
    </div>
    <div class="col-xs-9 ">
        <img src="image/b.png " class="pull-right img-responsive">
    </div>
</div>

关于css - 使用 bootstrap3 右对齐图像,我们在Stack Overflow上找到一个类似的问题: https://stackoverflow.com/questions/34770379/

相关文章:

jquery - 将外部 JSON 文件读入动态 HTML 表

CSS :hover not working on element with dynamically added class

css - Bootstrap 3.0 - 垂直对齐同一行中的 3 个面板(自动高度)

jquery - 有没有更好的方法在 Twitter Bootstrap 中显示事件选项卡?

html - float : right item? 上不存在的右边距

python - 如何在 OpenERP 7 中修改 css?

javascript - 如何在完整日历中制作固定标题

html - 模态警报

jquery - Twitter bootstrap select readonly 仍然能够更改选项

css - 带有输入表单控件宽度的 bootstrap doctype 显示不正确