Note that there are some explanatory texts on larger screens.

plurals
  1. PO
    text
    copied!<p>Both of these changes can be solved using a bit of CSS. I recommend that you do not directly modify the Twitter Bootstrap CSS, but instead link to a different stylesheet. Make sure to include this new stylesheet after including the Bootstrap stylesheet so that it overrides the Bootstrap CSS. At the time of writing, the most recent version of Bootstrap is 2.1.1, so all comments are based off of that assumption.</p> <p><strong>For Tooltip</strong></p> <p>The effect of the tooltip is defined in the .tooltip.in rule on line 5003 as follows:</p> <pre><code>.tooltip.in { opacity: 0.8; filter: alpha(opacity=80); } </code></pre> <p>To remove the effect, insert in your new stylesheet the following:</p> <pre><code>.tooltip.in { opacity: 1; filter: alpha(opacity=100); } </code></pre> <p><strong>For Popover</strong></p> <p>On the web, one object is placed under another due to a lower z-index. The z-index of popover is defined in line 5080 as follows:</p> <pre><code>.popover { position: absolute; top: 0; left: 0; z-index: 1010; ... } </code></pre> <p>In this version of Bootstrap, however, the default (static) navbar, does not have an explicit z-index set, so it defaults to 0. Since that is the case, the popover should already be over the navbar. If you are using an older version of Bootstrap, you can fix this by finding the z-index of the navbar and setting the z-index of the popover to a higher number. You can do that by adding the following code to the new stylesheet:</p> <pre><code>.popover { z-index: ###; } </code></pre>
 

Querying!

 
Guidance

SQuiL has stopped working due to an internal error.

If you are curious you may find further information in the browser console, which is accessible through the devtools (F12).

Reload