BootstrapX clickover


The last few weeks, i've been pushing Bootstrap in various directions. Most of the time, its being hacking around Popovers. Our current design uses Popovers with forms. It provides a very nice balance between in page action and more subtle interruption to viewing the page than a modal.

Over the last few weeks, I've found a few quirks with using Popover's trigger action of 'focus'. This works fine with forms but on Chrome and Safari 'focus' events are supported incompletely. In addition to that varied support we have a few other needs that inspired a new Bootstrap extension. BootstrapX - Clickover.

Our requirements are:
  • Click button/link/icon to toggle display of popover content
  • Option to click 'away' from popover to close
  • Ability to have 'popover' autoclose after some amount of time
  • Option to have element inside of popover hide it

I suspect, in the future, it will need to only auto close when user's mouse leaves the clickover.

Out of these needs spawed the library: bootstrapx-clickover.

Usage Examples


<button rel="clickover" 
  data-content="Show something here. 
    <button data-dismiss='clickover'
    >Close Clickover</button>"
>Show clickover</button>

// load click overs using 'rel' attribute

For more complex details and examples check out:


  1. Hey Lee, I'm glad you put the time in to do this. I'm curious how I could add buttons with their own callbacks to the content of the clickover?

    1. Yes! This would be awesome. I am very interested in this as well. Did you guys already find a solution?

  2. As someone who was getting frustrated with some of popover's limitations, this is godsend. Thanks for writing it!

  3. This is just great! Thank you very much for the Bootstrap tweak.

  4. Exactly what I need for my project. Thanks a bunch!

  5. Great,
    I'm wondering if you ever had the need to make one popover/tooltip to appear on page load
    It will need as brief instructions
    It will close automatically in some seconds
    When it will be closed (either automatically or by a close button) it will also be destroyed

    Do you have an hint about this?

    Thank you

    1. Sorry on the third line I'm meaning
      *Its purpose is to provide some few brief instructions

  6. It increased, because now he was using leverage….borrowed cash. He known as me on the day he was prepared to begin adding to with Actual Property with another issue. As I recommended him “get into Actual Property AndrewMedalas easily as you can, around the $10,000 indicate its a chance to get into that game”

  7. SMS Marketing software is used to send sms to a list of mobile numbers using a a copmuter/Laptop

  8. It’s great to come across a blog every once in a while, that isn’t the same out of date rehashed material. Fantastic read.

    Angular Training in Chennai
    Angular JS Training in Chennai


  10. if you are searching for free unlimted tricks then visit now on and get unlimited offers and informations.
    film ka naam whatsapp puzzle answer film ka naam whatsapp puzzle

  11. if you want girls mobile numbers then this website is best for you . you can visit on this website and get their information and you also can meet with thrm and go for a date . click here to use our website --- online dating website

  12. many peoples want to join random whatsapp groups . as per your demand we are ready to serve you whatsapp group links . On this website you can join unlimited groups . click and get unlimited whatsapp group links

  13. amazing blog layout! How long have you been blogging for? Get Free Girls WhatsApp Numbers Latest 2019 you make blogging look easy.

  14. Really amazing article thanks for this article.

    ayushman mitra bharti

  15. this article help me to learn good info thanks for sharing jarvee review
    seo affiliate domination

  16. Go Health Science is a best resource to get all kinds of Knowledge about Health and Science updates on Healthy Life ideas.

  17. You can easily report Google Adsense about fraud clicks by filling the invalid activity appeal form.

  18. This comment has been removed by the author.

  19. Thanks for this valuable information ..

    Interested in upcoming mi phones in 2019 then click on this link = Upcoming Mi Phones In 2019

  20. Excellent Blog. I really want to admire the quality of this post. I like the way of your presentation of ideas, views and valuable content. No doubt you are doing great work. I’ll be waiting for your next post. Thanks .Keep it up! Kindly visit us @Luxury Boxes
    Premium Packaging
    Luxury Candles Box
    Earphone Packaging Box
    Wireless Headphone Box
    Innovative Packaging Boxes
    Wedding gift box
    Leather Bag Packaging Box
    Cosmetics Packaging Box
    Luxury Chocolate Boxes


  21. This information Vert nice thanks for share this article thank you..

    Good Morning Shayari in Hindi

  22. 7/13,17/26,28/29,33/52 निम्न भिन्नों में कौन सी सबसे छोटी हैं ?
    किसी संख्या को 899 से भाग देने पर शेषफल 63 प्राप्त होता है यदि उस संख्या को 29 से भाग दें तो शेषफल क्या होगा ?
    यदि 5432x7 , 9 से विभाज्य हों , तो x के स्थान पर अंक होगा ।
    यदि किसी संख्या का तिगुना , इस संख्या के 3/5 से 60 अधिक हो , तो वह संख्या हैं ।
    किसी संख्या का 1/5 है , उसी संख्या के 1/7 से 10 अधिक है , वह संख्या है ।
    369 के आधे भाग का 2 / 3 भाग क्या होगा ।
    एक टैंक का एक - चौथाई भाग 135 लीटर पानी धारण करता हैं । यदि टैंक में 180 लीटर पानी हो हो तो टैंक का कितना भाग भरा हुआ हैं ।
    एक व्यक्ति अपनी आय का 1/4 भाग भोजन पर ,2/3 भाग मकान के किराये पर तथा शेष आय जो 630 रूपये है , अन्य सामान पर खर्च करता है । तो उसके मकान का किराया ज्ञात करो ।

    maths tricks in hindi !

  23. I just couldn’t depart your web site before suggesting that I extremely enjoyed the standard info a person provide for your visitors? Is gonna be back often to check up on new posts Majhi naukri

  24. Hey very nice blog!! Man... Excellent.. Amazing.. I will bookmark your site and take the feeds also…I’m happy to find a lot of useful info here in the post, we need work out more strategies in this regard, thanks for sharing. . . . . . Majhi naukri

  25. Download latest audio and video file fromvidmate


  26. If you like netflix and make sure read this article for what is Netflix.

    Netflix - Watch Movies, TV Shows Online

  27. OGinsta is an Instagram mod apk that allow you to download videos and photo from instagram.

  28. Nice blog. I Love reading all your blog post. it feels so nice and enjoying reading your blogs.

    if you want to travel Nepal, visit us at:

    Adventure Discovery Travel
    everest Base Camp Helicopter Tour
    EBC Heli Tour
    Helicopter Tour to Everest

  29. This is the exact information I am been searching for
    Really useful information. Thank you so much for sharing.
    Green KineMaster

  30. This is the exact information I am been searching for
    Really useful information. Thank you so much for sharing.
    Green KineMaster

  31. Thanks for posting useful information.You have provided a nice article, Thank you very much for this one. And I hope this

    will be useful for many people.. and I am waiting for your next post keep on updating these kinds of knowledgeable

    things...Really it was an awesome article...very interesting to read..please sharing this information......I think your

    suggestion would be helpful for me. I will let you know if its work for me too. Thanks and keep post such an informative



  32. This comment has been removed by the author.


  33. Thank You for nice article. This is very helpful for me. I will learning a lot from you and your website, it is so inspiring!!!

    Best regards from India

    View My Free HEX to RGBA Tool and give me some feedback please.

  34. Thanks For Providing Us this Great Iformation .Get Our Some Quality Services Buy Adsense Accounts .
    Here is also avilable Buy Adsense Accounts .
    You Can Watch Adsense Earning Trick Here Youtube Channel Buy Adsense Accounts .

  35. IIT JEE Coaching in Patna | IIT JEE Institute in Patna | NEET Coaching in Patna | Medical Coaching in Patna | JEE Mains, JEE Advance Coaching in Patna | Europa Classes

    JEE Mains, JEE Advance Coaching in Patna

  36. Hindisales provide you most productive Offers notification for you. If you Want to buy any products for you. Just check offers on that products in hindisales and check it out from here
    Hot offers on Amazon]

  37. tipsontechnology

    learn every time new tips on technology

    Hey my audience, in this website we’ll post about many tips on technology. many tips on hacking, education and many entertainment niche. i’ll post somethin Tips on technology
    g special for you, Everyday
    So check out it from here

  38. Anushka Sen:- She is an actress from India. she works on many roles in his tiny age. The main role of his carrier was Balveer as Mehar. Peoples calls him The purple star of India. His age in this time for about 17 years and she gets about three big roles in his acting carrier. And now she is working on Manikarnika(Jhansi ki Rani).

    Anushka Sen

  39. Hi, I found your post so interesting. Thank you for the valuable information for my students of dissertation proposal writing service uk who have been searching the academic papers for a while

  40. Interesting post ! Keep it up

  41. Ultimaterely lot of great information here. Very nice post.
    Android 10 features

  42. Thanks for this amazing blog, I really appreciate with your blog. Ogen Infosystem provides one of the best Website Designing Services in Delhi.
    Website Designing Company

  43. Oho Great Post and Thank you for share. I find main details thank you.
    Earn Paytm Cash Online

  44. Ola Cabs Address – Headquarter Address ANI Technologies Private Limited, A Block – fifth floor, Challaghatta, Bengaluru, 560071 Telephone Number – 080-46655300
    vodafone customer care


    Latest job in India 2019

  47. TamilGun is not the only website that leaked Indian language movies, there are 300+ free movie downloading websites in India. Talking about Tamilgun alternatives, it includes Tamilrockers, Tamilyogi, Isaimini, Movierulz, 9xmovies etc.


    They run the site with their own dedicated hosting server and many domain extensions are already registered. All these platforms do the same thing and compete with each other to leak the movie first. WorldFree4u and JioRockers also have similar piracy websites.

  48. This comment has been removed by the author.

  49. People always say that they want to watch movie online but do not want to pay money and it was very hard to do that but in these days you can watch movies for free from below sites. so go and watch for free. it was very difficult to watch movies online but you made it easy. i am so much thankful to this site which shared me the ways of watching movies online on










    NBA 2K20 APK

  50. So today I thought why should you make people aware of all things about Moviescounter Bollywood, which makes it particularly dangerous as well.

  51. Wow, amazing article. I like your way of writing this article. Can you please publish these types of more articles?

    best telugu movies download

  52. Setelah saya mencari film, jadi saya memutuskan bahwa saya akan menonton film online dan saya mencari di google tetapi saya tidak menemukan film secara gratis. banyak dari kita akan menghadapi hal yang sama jadi saya memutuskan saya akan menyadari orang tentang hal itu.

    XXI Lite


  53. Railway RRB Study Material: We received numerous requests on the provision of a reliable Railway NTPC study plan that will suit the needs of almost every aspirant. Keeping in view, the biggest recruitment of the times is around the corner, we have come up with the RRB NTPC Study Plan which is easy to be included in your daily regime. Yes, you read it right!! Gradeup has uploaded the much-awaited Railways study plan.
    Railway Speedy GK
    lucent gk pdf
    english grammar pdf
    english grammar


  54. Soma pill is very effective as a painkiller that helps us to get effective relief from pain. This cannot cure pain. Yet when it is taken with proper rest, it can offer you effective relief from pain.
    This painkiller can offer you relief from any kind of pain. But Soma 350 mg is best in treating acute pain. Acute pain is a type of short-term pain which is sharp in nature. Buy Soma 350 mg online to get relief from your acute pain.

    Buy Soma 350 mg
    Soma Pill
    Buy Soma 350 mg online

    Buy Soma 350 mg online
    Soma Pill
    Buy Soma 350 mg

  55. Thank You So much for sharing information on your website. Your website is very informative to people.
    5G VPN APK Download

  56. Are you looking for the best website to download Tamil Movies Online if yes then isaidub will help you a lot? On this website, you can watch any movies online in HD Quality.

  57. IndoXXI Pro APK – Nonton Film Subtitle indonesia Gratis, Mudah untuk di gunakan, indoxx1 pro sangat berkualitas, sangat keren, nonton jadi mudah ?? Indoxxi Apk Lite Pro Download adalah aplikasi untuk mencari informasi film-film terbaru yang ada di indoxxi indoxx1 lk21 layarkaca21.

    Cara Download Film di INDOXXI

  58. This comment has been removed by the author.

  59. This comment has been removed by the author.

  60. These contents are very valuable to all readers and I gain my knowledge after visiting your post. Really thank you & Keep it up...pokemon colouring pages

  61. You have a good looking web site
    Your site is exactly what I have looking for!! Keep up with the good work.

    PS4 External Hard Drive – Top Product Of 2019


  62. Hello you can check our website we publish daily new job related advertisement specially from maharashtra check this site Majhi naukri thank you

  63. Thanks for your informative article. This article is very informative for us. Thank You for this amazing knowledge.
    Download Call of Duty Mobile Hack Script

  64. I really loved reading your blog. It was very well authored and easy to understand.

    Your Website Has outstanding .

    thanks for shareing
    ration card

  65. Thanks for your informative article. This article is very informative for us. Thank You for this amazing knowledge.
    Download Call of Duty Mobile Hack Script

  66. Thanks for your informative article. This article is very informative for us. Thank You for this amazing knowledge.
    How To Create Fake Whatsapp Account


  67. PowerDirector Pro APK: CyberLink PowerDirector Video Editor v5.4.1 Unlocked APK is Here to download on your Android Device. No Watermark, No restrictions to all premium features. Easy to use with the simple timeline. The best Mobile Video editor for Beginners.

    Edit HD Videos just like any other video editing app on PowerDirector mod apk. Full HD movie maker power comes to your phone, with stunning video effects, smooth transitions, & voice over for video. Rotate, split or trim video to make a movie with Full HD picture using simple video FX, transitions, a custom voiceover or audio soundtrack Video editing app for Free then there are 3 Most popular tools Available at 2019: FilmoraGo Pro, kinmaster MOD APK and powerdirector MOD APK. We already share those two apps on our site, And Today we will going to Publishe PowerDirector – Video Editor App, Best Video Maker APK with the Best modded version to get all PRO Features for Free.
    UC Browser Filmorago Premium is a powerful'

    UC Browser is a chines based application but most of the useres from India. if you looking for a browser to download files from internet then UC is one of the best browser in the play store right now. Now download UC Browser MOD Apk from below link to enjoy all mod features of it. VPN Master Premium Mod Apk.
    PowerDirector Pro
    CyberLink PowerDirector is the best video editor app with powerful timeline video editing, slow-motion effects, reverse video, free transitions effects, edit background & more! Create great voice overs & action movie effects using chroma key to produce 4K movies and share them on social media!
    DownIoad powerdirector MOD APK\
    and Filmorago MOD APK\Filmorago Premium is a powerful application which will add stars to your video. It comes with No-watermark and lets you edit without placing a time limit on your video. You can make a funny video for Instagram, Facebook and for the biggest video platform Youtube also.
     Features of FilmoraGo Pro:
    You can add music of your own choice and can lip-sync to it. Filmorago also offers its own license-free music.
    You can make a video which can include photos and videos. As in your, video can have photos in between as well.
    It offers a bundle of free stylish templates which are very eye-catchy.
    It also has the best aspect ratios for Instagram 1:1 and 16:9 for YouTube.
    Make your video and use the reverse feature so that it looks like a magic trick.
    Slow-motion and Speed up feature is also present.

  68. What a great article! Your Awesome tropic and Excellent Content. Thanks for Providing that very important information.
    PSC Result By SMS
    JSC result 2019
    Masters Final Year Result by SMS
    HSC Routine 2020

  69. The next time I read a blog, I hope that it won't fail me as much as this particular one. After all, I know it was my choice to read, but I truly believed you would have something interesting to talk about. All I hear is a bunch of complaining about something that you can fix if you were not too busy searching for attention.
    Click Here

  70. A motivating discussion is worth comment. I do think that you need to publish more on this issue, it might not be a taboo matter but generally folks don't speak about such subjects To the next! Kind regards!!

  71. Good Post! Thank you so much for sharing this pretty post,
    it was so good to read and useful to improve my
    knowledge as updated one.
    tricksinfo !one.

  72. WBBSE West Bengal State Board 12th Model paper Download WBBSE 12th Model Paper Download, West Bengal State Board 12th Model Paper PDF Download: Hello दोस्तों आज हम खास आप के लिए West Bengal Board का previous paper ले कर आये है अगर आप West Bengal से Study कर रहे है तो इस Previous Paper को जरूर पढ़ना चाहिए जब तक आप …
    west bengal state board 12th model paper
    november current affairs pdf download
    pseb model paper pdf download
    percentage question pdf download
    general science pdf download

  73. April Current Affairs PDF Download April Current Affairs – दोस्तों आज हम आपके लिए April Current Affairs लेकर ए है हमें पता है की आप लोगो की इस की आवशकता होगी April Current Affairs PDF में भी हमने उपलब्ध किया है जिसे आप बहुत ही आसानी से Link पर Click करके April Current Affairs PDF को Download कर सकते है और …
    april current affairs pdf download
    september current affairs pdf download
    october current affairs hindi pdf download
    indian history pdf notes download
    arun sharma quantitative aptitude book pdf

  74. AffairsCloud for Competitive Exams | Current Affairs Cloud A Best Education Website AffairsCloud Daily Current Affairs Cloud – Dear Student आज के हम लेख में लोगो के लिए बहुत ही महत्वपूर्ण और हर Students के लिए यह जानकारी आप लोगो से साझा करने के लिए लाया हूँ जी हाँ दोस्तों Affairs Cloud की आज हम पूरी जानकारी इस website में लाये
    hindi grammar pdf download
    english grammar pdf download english grammar hindi
    rs aggarwal quantitative aptitude book pdf free download
    lucent samanya gyan lucent gk book pdf download

  75. NIOS Board 12th Questions Model Paper PDF Download NIOS Board 12the Model Paper Download NIOS Board Intermediate Previous Question Paper PDF Download:- Hello दोस्तों एक बार फिर हम आपके लिए NIOS Board Previous Paper का बहुत ही महत्वपूर्ण जानकारी लेकर आएं है अगर आप NIOS से अपनी पढाई Complete कर रहे है तो इस previous paper को आपको पढ़ना बहुत ही जरुरी
    nios model paper pdf download
    ssc clg hindi pdf download
    hbse board 10th model paper
    lucent general knowledge
    uptet hindi vyakaran

  76. English Speaking Course PDF Book Download And English Spoken in Hindi Spoken English Book PDF – दोस्तों हम आज के इस Post में English Speaking Course Book PDF तथा English Speaking Course in Hindi से जुडी बहुत ही महत्वपूर्ण जानकारी ख़ास आपलोगो के लिए लेकर आये है, तथा आप निचे button के option पर जा कर Download भी कर सकते है
    english speaking course
    uptet 2019
    uptet syallabus
    indian history hindi download
    modern indian history pdf

  77. kurukshetra magazine Pdf download 2019, kurukshetra, yojana magazine pdf Kurukshetra magazine pdf – 2019 january से july तक हिंदी Pdf Download करें . दोस्तों आज हमने आपके लिए बहुत ही महत्वपूर्ण जानकारी एकत्रित करके आपके लिए Kurkshetra Magazine लाया हूँ, यह जानकारी उन Students के लिए है जो मुख्य प्रतियोगी की तैयारी करने वाले छात्र है
    kurukshetra magazine pdf download
    yojana magazine pdf download
    gktoday gk tricks smanya gyan
    pratiyogita darpan pdf download
    railway group d reasoning question
    rrb ntpc ki taiyari kaise karen

  78. MovieRulz 2019 – Latest Movies Download Bollywood, & Hollywood Tollywood Online MovieRulz – 2019 दोस्तों एक समय था की जब कोई सा भी Movies Theatre में लगता था तो लोगो का पागल पन्न देखने को मिलता था चाहे कोई सा भी मूवीज हो उसे देखने के लिए लोग अपने काम से छुट्टी लेकर जाते थे और देखते थे
    movierulz 2019
    worldfree4u 2019
    9xmovies 2019 2020
    filmywap hd movies download
    extramovies movies hindi
    tamilyogi movie download
    tamilrockers movie download

  79. 2019-07-09 Railway RRC Group D 2019 1.3 लाख पदों पर Railway Bharti जारी Railway RRC ने 1.3 लाख पदों पर Railway Bharti जारी की है RRC Group D 2019 के अंतर्गत Helper Trackman Gateman, Pointsman Recruitment 2019, group d 2019, Pointsman in railway, Assistant pointsman, RRC 2019, Trackman, Helper, Gateman, Pointsman Recruitment 2019, RRC Leval Recruitment 2019, rrb group d, Indian …
    rrc group d 2019
    railway study material pdf download
    july current affairs pdf download
    upsc cds previous years paper download
    sbi po book pdf download

  80. SSC CGL Mock Test Series PDF Downloa SSC CGL Tier 1 & Tier 2 के लिए हमने आज Mock Test Series PDF में लेकर आए हैं| जिसमे बहुत से SSC CGL Tier 1 Question & Tier 2 के Question धयान में रख कर तैयार किया गया है इस SSC CGL के परीक्षा में Candidates को अगर कुछ भी इस परीक्षा से सम्बंधित
    ssc clg mock test series pdf download
    gradup test series
    ssc mts selection process tier 1 tier 2
    hssc clerk previous paper pdf download
    cds ki tiayri kaise kare cds syllabus selectoin ki puri jankari

  81. UP Scholarship Online Form 2019-20 & How Apply up scholarship 2019-20 Dosto up sarkar ne Students ke liye Up scholarship online form bharne ki date announce kar diya hai agar aap scholarship bhar ke sarkari seva ka laabh uthana chahte hain to uthaa sakte hai . aaj mai aapko puri jaankari dunga ki aap online form kaise apply kar sakte hai. …
    scholarship 2019 2020
    bharat ratna list
    world geography pdf
    indian coast guard book
    june current affairs hindi pdf download

  82. Important Days Of June National and International June Days Student हम जून महीने की Important Days, today special day के बारे में आपको जानकारी देना चाहते हैं आशा है आपको यह GK information आपकी काफी मदद करेगी. क्यूंकि यह इनफार्मेशन आपके काम आने वाली है आपके exam में , हर साल एग्जाम में important day टॉपिक पर २-३ question आजाते है …
    important days list
    pratiyogita darpan april 2019 hindi pdf
    vision ias indian polity notes pdf download
    bseb result bihar board patna class 12th 10th result
    meghalaya board result

  83. Boston valves let you quickly inflate and deflate this ‘yak. There is a removable skeg ensure the greater stability and tracking.

    Intex Explorer K2 Kayak


Post a Comment

Popular posts from this blog

Template Toolkit Debugging inside of Perl Dancer

2 ways to get SQLite to put dates into columns