Tagged Questions
52
votes
4answers
20k views
Replicating Bootstraps main nav and subnav
I need to quickly knock up the functionality of the twitter bootstraps main navigation and sub navigation e.g. http://twitter.github.com/bootstrap/scaffolding.html (when you scroll the subnav becomes ...
47
votes
11answers
25k views
How can I close a Twitter Bootstrap popover with a click from anywhere (else) on the page?
I'm currently using popovers with Twitter Bootstrap, initiated like this:
$('.popup-marker').popover({
html: true,
trigger: 'manual'
}).click(function(e) {
...
47
votes
4answers
26k views
Twitter Bootstrap vs jQuery UI? [closed]
I've been using jQuery UI for some basic page enhancements. Button and input styling and modal dialog boxes. Now I've come across Bootstrap and it looks pretty good.
Has anyone any experience of ...
45
votes
6answers
27k views
How can I change the default width of a Twitter Bootstrap modal box?
I tried the following:
<div class="modal hide fade modal-admin" id="testModal" style="display: none;">
<div class="modal-header">
<a data-dismiss="modal" ...
32
votes
11answers
18k views
Twitter Bootstrap Tabs: Go to Specific Tab on Page Reload?
I'm developing a web page in which I'm using Twitter's Bootstrap Framework and their Bootstrap Tabs JS. It works great except for a few minor issues, one of which is I do not know how go directly to ...
27
votes
6answers
15k views
Twitter Bootstrap modal: How to remove Slide down effect
Is there a way to change the Twitter Bootstrap Modal window animation from a slide down effect to a fadeIn or just display without the Slide? I read through the documentation here:
...
27
votes
4answers
28k views
Tooltips with Twitter Bootstrap
I am using Twitter Bootstrap--and I am not a frontend developer! However, it's making the process almost--dare I say--fun!
I'm a bit confused about tooltips. They are covered in the documentation ...
26
votes
3answers
980 views
!function(){ }() vs (function(){ })()
While reviewing some of the code written in the Twitter Bootstrap Javascript, it looks like they're calling immediately invoked anonymous functions like this:
!function( $ ) {
...
...
24
votes
10answers
13k views
Prevent BODY from scrolling when a modal is opened
I want my body to stop scrolling when using the mousewheel while the Modal (from http://twitter.github.com/bootstrap) on my website (http://www.mysocialsync.com) is opened.
I've tried to call the ...
22
votes
1answer
18k views
Passing data to a bootstrap modal
I've got a couple of hyperlinks that each have an ID attached. When I click on this link, I want to open a modal ( http://twitter.github.com/bootstrap/javascript.html#modals ), and pass this ID to the ...
22
votes
2answers
7k views
Using bootstrap-modal as Backbone.js view
I am attempting to create a Backbone.js view based on a Twitter bootstrap-modal, which makes use of Backbone's automatic event delegation via the events attribute of the view.
Unfortunately, ...
21
votes
4answers
17k views
How to Automatically Close Alerts using Twitter Bootstrap
I'm using twitter's bootstrap CSS framework (which is fantastic). For some messages to users I am displaying them using the alerts Javascript JS and CSS.
For those interested, it can be found here: ...
20
votes
4answers
8k views
jQuery / Twitter Bootstrap data-loading-text button with delay
I'm trying to get this exact example working on my website:
http://twitter.github.com/bootstrap/javascript.html#buttons
However, simply including this HTML:
<button type="button" class="btn ...
19
votes
2answers
20k views
Can I use html tags in twitter-bootstrap popover data-content?
I'm using Twitter-Bootstrap within a Rails 3.1.3 application. I have numerous elements with popovers like:
<a data-original-title="Quality" rel="popover" data-content="Did they do a good job? 5 ...
19
votes
1answer
4k views
Extend the bootstrap-typeahead in order to take an object instead of a string
I extended the bootstrap-typeahead in order to take an object instead of a string.
It works but I would like to know this is the right way to do the things.
Thanks.
Reference:
...
