Grow your CSS skills. Land your dream job.

Bootstrap Static Popovers

  • # January 12, 2013 at 7:54 pm

    Could someone help me set up a static popover using Bootstrap as shown here: http://twitter.github.com/bootstrap/javascript.html#popovers?
    I can’t figure out how and where to set up up the data attribute to bring in the content.

    I’ve tried using their suggested js too but that doesn’t seem to work either.

    Popover top

    Sed posuere consectetur est at lobortis. Aenean eu leo quam. Pellentesque ornare sem lacinia quam venenatis vestibulum.

    JS:

    $(‘#example’).popover(options)

    # January 12, 2013 at 7:55 pm

    For whatever reason, this forum *really* doesn’t like how you insert code – I keep on having to go into your posts and fixing it! Can you send me a PM with what your process is – you might not be doing anything wrong, might just be our system – thanks!

    # January 12, 2013 at 8:00 pm

    oh I’m so sorry Doc! I am just clicking the blue Code link above the comment box and pasting the code in.

    # January 12, 2013 at 8:02 pm

    I think you just go like this:

    HTML:

    Click to toggle popover

    JS:

    $(‘.your-class’).popover();

    # January 12, 2013 at 8:02 pm

    It seemed to work okay when I posted code in a PM, but not here…

    # January 12, 2013 at 8:02 pm

    You mean just paste the code in without clicking the Code link?

    # January 12, 2013 at 8:04 pm

    Paste the code in, highlight it and then click the ‘Code’ button – that should work!

    Back to your problem, though, did you see my example?

    # January 12, 2013 at 8:05 pm

    oh! I was doing it backwards..let me try it here. I’m new to this forum.

    Popover top

    Sed posuere consectetur est at lobortis. Aenean eu leo quam. Pellentesque ornare sem lacinia quam venenatis vestibulum.

    # January 12, 2013 at 8:06 pm

    Also remember that if you’re having problems posting your code you can always post it on Codepen. Here’s a guide: http://css-tricks.com/forums/discussion/comment/87079

    # January 12, 2013 at 8:14 pm

    Didn’t work :( Is there a way to delete comments?

    And I tried your popover code…that didn’t work either…Keep in mind that I am not wanting to click anything…I just want it to show up as a static popover.

    I’d post the html but don’t want it to mess up again.

    # January 12, 2013 at 8:15 pm

    I’ve tried codepen…but I don’t see any place to enter resource docs, like bootstrap.css as you can do in JS Fiddle.

    # January 12, 2013 at 8:17 pm

    Let me try the html here cause I think that’s where I am having the problem.

    $(‘.refer’).popover();

    # January 12, 2013 at 8:18 pm

    The *best* way for us to diagnose the problem is with a link to the website that you’re working on, specifically to the page where the issue is.

    # January 12, 2013 at 8:19 pm

    arggg…I forgot to post that. http://www.debbierking.com/bootstrap/refer.php

    # January 12, 2013 at 8:28 pm

    And where are the popovers supposed to occur?

Viewing 15 posts - 1 through 15 (of 30 total)

You must be logged in to reply to this topic.

*May or may not contain any actual "CSS" or "Tricks".