Question

我将引导元素对齐到顶部时出现问题。

这是html：

<div class="container">
    <div class="row">
        <img src="image.png" class="profileimg" />"
        <h1 class="view_name">John Doe</h1>
    </div>
</div>

这就是CSS：

.view_name {
    margin-left: 170px;
    margin-top: 0px;
}

H1元素不会上升到顶部。如何实现图像保留并且h1元素正确，但是连续？

Answer 1

您可以使用Boostrap的pull-left和pull-right类。

https://jsfiddle.net/tejashsoni111/u5suaLgw/

<div class="container">
    <div class="row">
        <img src="image.png" class="profileimg pull-left" />"
        <h1 class="view_name pull-right">John Doe</h1>
        <div class="clearfix"></div>
    </div>
</div>

<强>更新

在pull-left。

中使用pull-right代替h1

<div class="container">
    <div class="row">
        <img src="image.png" class="profileimg pull-left" />
        <h1 class="view_name pull-left">John Doe</h1>
        <div class="clearfix"></div>
    </div>
</div>

https://jsfiddle.net/tejashsoni111/u5suaLgw/1/

Bootstrap保证金最高响应

1 个答案: