So, it looks like the introduction of the badge is messing with the line
height because of the font-size of the badge. I am at a loss to identify
the exact interaction, something is adding one pixel to the height of the
containing link tag, which offsets the margin-bottom -1px setting of the
tab by one pixel, which causes the line to be displayed...
Though I can't tell you exactly what's causing it, I can tell you that
following rule will fix it:
.nav-tabs > li { margin-bottom: -2px; }
So long as that rule has greater specificity than the bootstrap rule, that
should do it for you.
On Monday, April 23, 2012 8:58:37 PM UTC-7, Chris Geirman wrote:
>
> I'm attaching the two saved pages since I don't have a place to host a
> CFWheels site yet, but they do demonstrate the problem.
>
> Thanks!
>
> Chris
>
> On Monday, April 23, 2012 10:08:00 AM UTC-7, John Roberts wrote:
>>
>> Any way we can see this in action so we can actually look at the CSS
>> getting applied, instead of just guessing from the image?
>>
>> On Friday, April 20, 2012 3:23:07 PM UTC-7, Chris Geirman wrote:
>>>
>>> I'm having trouble with the nav-tabs and can't figure out what to do
>>> next. I have a secondary navigation that I'd like to use badges in. Here's
>>> a screenshot of what I'm going for (minus the errant line...
>>>
>>>
>>>
>>> <https://lh3.googleusercontent.com/-Ng42Vu1B8T8/T5HhDegoT3I/AAAAAAAAAGk/BnNErEhX0PA/s1600/nav-tab-example-w-badge.png>
>>>
>>> Here's the code so you can see nothing fancy is going on...
>>>
>>>
>>> <https://lh6.googleusercontent.com/-i29kXilLuYk/T5HhUQJzx6I/AAAAAAAAAGw/j_-9cddXChc/s1600/nav-tab-code-w-badge.png>
>>>
>>>
>>> And here's the same screenshot and code, but without the badges (works
>>> fine)...
>>>
>>>
>>> <https://lh4.googleusercontent.com/-mBtuVFTDMVE/T5HhhxAzPqI/AAAAAAAAAG8/kPZzo9Npxfg/s1600/nav-tab-example-no-badge.png>
>>>
>>>
>>> <https://lh5.googleusercontent.com/-aLUsp9kK-9w/T5HhlnGJr7I/AAAAAAAAAHI/iyGNmkU4b7I/s1600/nav-tab-code-no-badge.png>
>>>
>>> Anyone else had this problem and/or know of a solution?
>>>
>>> Any help is greatly appreciated, as always!
>>>
>>>
>>>
>>>
>>>
