I am fairly new to the framework, not a full time designer and running
version 2.2.
Have tried numerous things from this group as well as SO. My plan is
within a btn-toolbar & btn-group, place four hovering popovers when the
buttons are pointed to with the mouse. Placing quoted plain text into
data-content does not display whether I place it in the div or the script
sections so I have a super ugly hack of adding all text into the title.
The formatting looks horrible.
Secondarily, even when I use container:body, placement:top and
trigger:"hover" the placement of the popover field looks "upper" right.
In my Le javascript section at the bottom of the page, I have
"bootstrap-tooltip.js" and "bootstrap-popover.js" amoung others.
I have tried a number of other attempts besides the one below using scripts
which are supposed to auto prep popover and one embedded in the div class.
TIA for your assistance.
Here is some example code within the context of a footer (warning, ugly
code ahead) :
<div class="container">
<div class="row">
<div class="span12">
<div class="btn-toolbar">
<div class="btn-group" style="margin: 9px 0;">
<!-- this didn't work for me so commented out
<a href="#" class="btn btn-large btn-success" rel="popover"
id= 'po1' title="Privacy Policy" data-content="textdisplay2">Privacy
Policy</a>
-->
<a class="btn btn-large btn-success" id="po1"
title="privacy foo foo privacy" data-content=" foo
">Privacy Policy</a>
<script type="text/javascript">
$('#po1').popover({container:"body", placement:"top",
trigger:"hover"});
</script>
<br>
</div>
</div>
</div>
</div>
</div>
--
You received this message because you are subscribed to the Google Groups
"twitter-bootstrap" group.
To unsubscribe from this group and stop receiving emails from it, send an email
to [email protected].
For more options, visit https://groups.google.com/groups/opt_out.
