如何酥料饼引导水平对齐HTML div元素?

问题描述 投票:0回答:1

我使用的引导3.我想在一酥料饼水平对齐两个div元素,但我不知道确切的类应用的样式设置属性display: inline-block;。任何想法,我怎么能做到这一点?

我试图与另一格包装他们,将此属性设置为inline-block于母公司的股利,但没有奏效。

$('#tag-input').popover({
            container: 'body',
            trigger: "manual",
            html: "true",
            animation: true,
            content: "<div>First row</div><div>Second row</div>"
        });

Illustration of element alignment

twitter-bootstrap css3 twitter-bootstrap-3
1个回答
2
投票

只需简单地包裹在class="row"一个div的两个div。然后,你可以添加class="col-xs-6"到每个人,因此他们每个占用酥料饼的50%的宽度。

Demo Here

$('#tag-input').popover({
    container: 'body',
    trigger: "hover",
    position: "bottom",
    html: "true",
    animation: true,
    content: "<div class='row'><div class='col-xs-6'>First row</div><div class='col-xs-6'>Second row</div></div>"
});
© www.soinside.com 2019 - 2024. All rights reserved.