Skip to content
New issue

Have a question about this project? # for a free GitHub account to open an issue and contact its maintainers and the community.

By clicking “#”, you agree to our terms of service and privacy statement. We’ll occasionally send you account related emails.

Already on GitHub? # to your account

A popover on a btn group inherits font-size 0 and white-space: wrap; #5939

Closed
MadeByMike opened this issue Nov 18, 2012 · 1 comment
Closed
Labels

Comments

@MadeByMike
Copy link

The following mark-up does not show the content in the popover:

<div class="btn-group">
<a href="#" class="btn" rel="popover" data-placement="bottom" data-content="Vivamus sagittis lacus vel augue laoreet rutrum faucibus." data-original-title="Popover on bottom">Popover on bottom</a>
<a href="#" class="btn" rel="popover" data-placement="bottom" data-content="Vivamus sagittis lacus vel augue laoreet rutrum faucibus." data-original-title="Popover on bottom">Popover on bottom</a>
</div>

Here is why. It inherits the font-size: 0; from the btn-group:

line: 3600

.btn-group {
font-size: 0;
white-space: nowrap;
}

Need to define font size? Or not intended for it to work?

line: 5346

.popover-content p, .popover-content ul, .popover-content ol {
margin-bottom: 0;
/* Need to define font-size?? */
}

Also needs

line: 5289

.popover {
white-space: normal;
...
@mdo
Copy link
Member

mdo commented Nov 28, 2012

The font-size has been fixed in 2.2.2-wip, but I don't think we need to reset white-space. Let me know if you run into issues though and we can revisit. Thanks!

# for free to join this conversation on GitHub. Already have an account? # to comment
Labels
Projects
None yet
Development

No branches or pull requests

2 participants