Posts

Showing posts with the label twitter-bootstrap

Bootstrap Popover content not working

Image
Bootstrap Popover content not working I have a button which triggers a popover. It is generated by another script. $('#appendTarget').append(' ' + item.name + ' ' + ' '); This is my function for triggering: function showPopover(element) { $(element).popover({ html: true, content: function() { $('#popover-content').append(' Edit ' +' Activate ' +' Delete '); } }); } And the popover-content is this: popover-content But it is not working. However if I add this links directly into it works. But I want to add it dynamically so I can assign the id to each link (button). Anyone? Why append is not working in this case? EDIT @Arex had a good point that display:none state was not changing. I changed my function and it looks like this: display:none function showPopover(element) { $(element).popove...

Bootstrap divs float right-left

Image
Bootstrap divs float right-left https://codepen.io/milo-boyd/pen/NzebMJ?page=1& How Can I justify the button to the left, the image to the right? HTML will not change. Thank you. .button { float:right } .img { float:left } Warning </div> </div> .button { float:right } .img { float:left } codepen.io/anon/pen/QxzdWw?page=1&amp; – Joseph Stalin Jun 29 at 9:13 .button { float:right } .img { float:left } Sorry. I misspelled the question. I edited – tom clack Jun 29 at 9:18 3 Answers 3 Try this https://codepen.io/anon/pen/GGPNVw?edito...

Twitter-bootstrap collapse plugin - how to enable multiple “groups” to be opened?

Twitter-bootstrap collapse plugin - how to enable multiple “groups” to be opened? I'm working with the collapse plugin and I'm wondering how I can enable multiple groups to be open at the same time. In their demo page: http://twitter.github.com/bootstrap/javascript.html#collapse Only one is allowed to be open at a given time. I suppose this is the expected behavior of accordions, but how can I change it so that opening one group does not collapse the others? 3 Answers 3 Just don't use data-parent attributes: data-parent Collapsible Group Item #1 Item 1 Body </div> </div> Collapsible Group Item #2 Item 2 Body </div> </div> </div> http://jsfiddle.net/HJf6j/2/ You have invalid html with duplicated element ids, working example jsfiddle.net...