css3 - How to align html div elements horizontaly in popover bootstrap? -
i using bootstrap 3. want align 2 div elements horizontaly in popover dont know exact class apply style setting property display: inline-block;
. idea how can achieve ? tried wrapping them div , setting property inline-block
parent div did not work.
$('#tag-input').popover({ container: 'body', trigger: "manual", html: "true", animation: true, content: "<div>first row</div><div>second row</div>" });
just wrap 2 divs in div class="row"
. can add class="col-xs-6"
each of them, each take 50% width of popover.
$('#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>" });
Comments
Post a Comment