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 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
aligned.
In my Le javascript section at the bottom of the page, I have
"bootstrap-tooltip.js" and "bootstrap-popover.js"
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:
<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="We're nuts when it comes to privacy. Rest assured,
the info you share with us will never, ever, ever be sold to third
parties. Our aim is to build something all contributors will be confident
in. Any errors in our judgement in this regard are unintentional and will
be corrected asap. More to come on this topic but suffice it to say you
can expect a constant attention to best practices and an unwavering respect
for the relationship." data-content=" foo ">Privacy Policy</a>
<script type="text/javascript">
$('#po1').popover({container:"body", placement:"top",
trigger:"hover"});
</script>
--
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.
