On Jan 31, 2013 2:37 PM, <[email protected]> wrote: > Today's Topic Summary > > Group: http://groups.google.com/group/twitter-bootstrap/topics > > - Can't get popover content to display<#13c921d22740891a_group_thread_0>[2 > Updates] > - How to modify a drop-up menu in Bootstrap to fit the viewport so it > will work within a responsive design <#13c921d22740891a_group_thread_1>[1 > Update] > - Mega menus in bootstrap? <#13c921d22740891a_group_thread_2> [1 > Update] > - Change Modal Content of Existing > Modal?<#13c921d22740891a_group_thread_3>[1 Update] > - Dropdown menu does not work <#13c921d22740891a_group_thread_4> [3 > Updates] > - Prevent response for desktops > resolutions<#13c921d22740891a_group_thread_5>[1 Update] > > Can't get popover content to > display<http://groups.google.com/group/twitter-bootstrap/t/3f3e8ef0ac2adaf> > > Tracy Lester <[email protected]> Jan 31 08:58AM -0800 > > Hi - > > I'm using some great code - but, no matter what I do the content text > will > not display. I've checked my paths, inserted css to ensure the text is > black, and added html:true to the script to no avail. > > In firebug when I hover over <div class="popTitle"> bla bla bla</div> > this > is the code triggered by Bootstrap: > <div class="popover fade right in" style="top: 379px; left:52px; > display:block;"> > > Has anyone else experienced this? Any help is appreciated. > > <!DOCTYPE html> > <html lang="en"> > > <head> > <meta charset="utf-8"> > <title>Twitter Bootstrap Popover Example with title and content > option</title> > <!-- popover source code: > > > www.thoughtdelimited.org/thoughts/post.cfm/simple-technique-for-creating-multiple-twitter-bootstrap-popovers > --> > > <link href="css/bootstrap.css" rel="stylesheet"> > <!--<link href="css/bootstrap-responsive.css" rel="stylesheet">--> > <!--<link href="css/global.css" rel="stylesheet">--> > > <style> > .popSourceBlock {display:none;} > .popContent {color: #000000;} > </style> > > </head> > > <body> > <!-- CONTENT NAVBAR --> > <div class="well" style="margin-top:400px;"> > <i id="pop1" class="icon-question-sign pop"></i> > <div id="pop1_content" class="popSourceBlock"> > <div class="popTitle"> > Title 1 > </div> > <div class="popContent"> > <p>This is the content for the <strong>first</strong> > popover.</p> > </div> > </div> > > <i id="pop2" class="icon-question-sign pop"></i> > <div id="pop2_content" class="popSourceBlock"> > <div class="popTitle"> > Title 2 > </div> > <div class="popContent"> > <p>This is the content for the <strong>second</strong> > popover.</p> > </div> > </div> > </div><!-- .well --> > > <script > src="https://ajax.googleapis.com/ajax/libs/jquery/1.7.1/jquery.min.js > "></script> > <script src="js/bootstrap-tooltip.js"></script> > <script src="js/bootstrap-popover.js"></script> > > <!-- this assigns functions that return markup to title and content > properties --> > <script> > $(".pop").each(function() { > var $pElem= $(this); > $pElem.popover( > { > title: getPopTitle($pElem.attr("id")), > content: getPopContent($pElem.attr("id")), > html: true > } > ); > }); > > function getPopTitle(target) { > return $("#" + target + "_content > div.popTitle").html(); > }; > > function getPopContent(target) { > return $("#" + target + "_content > div.popContent").html(); > }; > </script> > > </body> > > </html> > > > > > Tracy Lester <[email protected]> Jan 31 10:38AM -0800 > > Good grief - my bootstrap.css file was the problem. Got this working - > highly recommend this code and the author. > > On Thursday, January 31, 2013 11:58:33 AM UTC-5, Tracy Lester wrote: > > > > How to modify a drop-up menu in Bootstrap to fit the viewport so it > will work within a responsive > design<http://groups.google.com/group/twitter-bootstrap/t/60673ee202ceda31> > > Tracy Lester <[email protected]> Jan 31 09:37AM -0800 > > A little intimidated by the popover.js file. Has anyone tried to do > this? > > > > Mega menus in > bootstrap?<http://groups.google.com/group/twitter-bootstrap/t/94894508f0b92f34> > > Tracy Lester <[email protected]> Jan 31 09:34AM -0800 > > On Wednesday, December 7, 2011 9:28:31 AM UTC-5, Stodge wrote: > > > Has anyone adapted bootstrap to allow mega menus instead of simple > > drop downs? Thanks > > Is there an easier way to modify a drop-up menu in Bootstrap to expand > to > fit the viewport so it will work within the responsive design. Has > anyone > tried to do this? > > > > Change Modal Content of Existing > Modal?<http://groups.google.com/group/twitter-bootstrap/t/7d2b465a6697748f> > > [email protected] Jan 31 06:58AM -0800 > > Just tried this solution as I too wanted to update the contents of a > modal. > I can confirm this solution works! > I gather from your code you're using double quotes in your HTML? I > think > your missing one here in the href attribute: > > > <a id="newKey" href=''>New Key</a> > > > On Tuesday, January 22, 2013 1:23:58 AM UTC+1, Jake Alsemgeest wrote: > > > > Dropdown menu does not > work<http://groups.google.com/group/twitter-bootstrap/t/940b2585e421a62a> > > Romulo <[email protected]> Jan 30 02:07PM -0800 > > Hello I can not to achive that dropdown menu works...what am I missing > ?, > please help me I have no experience with html and css. Any help will > be > greatly appreciated, the code I am testing was copied from the > bootstrap > examples website. > > Thanks in advance, > > Jose > > here is the code: > > <head> > <meta http-equiv="Content-Type" content="text/html; charset=utf-8" /> > <link type="text/css" rel="stylesheet" href="css/bootstrap.min.css" > media="Screen"/> > <link type "text/css" rel="stylesheet" href="css/bootstrap.css"/> > </head> > > <ul class="nav nav-pills pull-right"> > <li class="active"><a href="#">Regular link</a></li> > <li class="dropdown"> > <a class="dropdown-toggle" id="drop4" role="button" > data-toggle="dropdown" href="#">Dropdown <b class="caret"></b></a> > <ul id="menu1" class="dropdown-menu" role="menu" > aria-labelledby="drop4"> > <li><a tabindex="-1" href="#">Action</a></li> > <li><a tabindex="-1" href="#">Another action</a></li> > <li><a tabindex="-1" href="#">Something else here</a></li> > <li class="divider"></li> > <li><a tabindex="-1" href="#">Separated link</a></li> > </ul> > </li> > <li class="dropdown"> > <a class="dropdown-toggle" id="drop5" role="button" > data-toggle="dropdown" href="#">Dropdown 2 <b class="caret"></b></a> > <ul id="menu2" class="dropdown-menu" role="menu" > aria-labelledby="drop5"> > <li><a tabindex="-1" href="#">Action</a></li> > <li><a tabindex="-1" href="#">Another action</a></li> > <li><a tabindex="-1" href="#">Something else here</a></li> > <li class="divider"></li> > <li><a tabindex="-1" href="#">Separated link</a></li> > </ul> > </li> > <li class="dropdown"> > <a class="dropdown-toggle" id="drop5" role="button" > data-toggle="dropdown" href="#">Dropdown 3 <b class="caret"></b></a> > <ul id="menu3" class="dropdown-menu" role="menu" > aria-labelledby="drop5"> > <li><a tabindex="-1" href="#">Action</a></li> > <li><a tabindex="-1" href="#">Another action</a></li> > <li><a tabindex="-1" href="#">Something else here</a></li> > <li class="divider"></li> > <li><a tabindex="-1" href="#">Separated link</a></li> > </ul> > </li> > </ul> <!-- /tabs --> > > <script src="js/bootstrap.js"></script> > <script src="js/bootstrap.min.js"></script> > > </div> > > > > > Alan Z <[email protected]> Jan 31 04:29PM +0800 > > You should require jQuery before <script > src="js/bootstrap.js"></script> > > Like this: > > <script src="http://code.jquery.com/jquery-1.9.0.min.js";></script> > <script src="js/bootstrap.js"></script> > > BTW: > Just require "bootstrap.min.css" and "bootstrap.min.js" once. > "bootstrap.css" and "bootstrap.js" are used to debugging. (because they > are not compressed) > > > > > -- > Alan Zhu > ---------------------------------------- > MOBILE: +86 15000692632 > > > > > Juan Aguilera <[email protected]> Jan 31 09:42AM -0300 > > <script src="js/bootstrap-dropdown.js"></script> required > > 2013/1/31 Alan Z <[email protected]> > > > > > Prevent response for desktops > resolutions<http://groups.google.com/group/twitter-bootstrap/t/7148e20731041915> > > "Piotr Chodziński" <[email protected]> Jan 30 02:44PM -0800 > > Hi! > > I've created separate menus for all supported device types: desktop, > tablet > and phone. > However, desktop resizes the main content (and desktop menu) if media > width > < 1200px then menu crashes... > How to change rules or way of work to support devices > 1200 px then > tablets' sizes? > > Thanks for any help! > Piotr > > > > You received this message because you are subscribed to the Google Group > twitter-bootstrap. > You can post via email <[email protected]>. > To unsubscribe from this group, > send<[email protected]>an empty message. > For more options, > visit<http://groups.google.com/group/twitter-bootstrap/topics>this group. > > -- > 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. > > >
-- 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.
