twitter-bootstrap-2

I am using Twitter Bootstrap modals, with the default options where you can click the backdrop or press [Esc] to close the modal. However, when I initiate an ajax operation in the modal I want to disable the modal from being closed in any way. So I disable buttons and hide the modal's close button but I can't figure out how to disable the backdrop and the [Esc] key. I tried: $('#myModal').modal({ backdrop: 'static', keyboard: false }); But this doesn't seem to work on the fly. I will also need to re-enable the backdrop and keyboard once the ajax operation is finished. davidkonrad Note : This

I'd like to use Glyphicons icon font and I would need the hex value of each icon. I can't seem to find any resources on this on the Bootstrap website nor the Glyphicons website. I'd like to know how to embed it into a project and use it? Note: I want to use Glyphicons icon-font NOT png icons. I'm using Bootstrap 2.3.2 We can find these by looking at Bootstrap's stylesheet, Bootstrap.css . Each \{number} represents a hexadecimal value, so \2a is equal to 0x2a or * . As for the font, that can be downloaded from http://glyphicons.com . .glyphicon-asterisk:before { content: "\2a"; } .glyphicon

When compiling Twitter's Bootstrap 2.3.2. with Less 2 i found to following error: NameError: #grid > .core > .span is undefined in /home/bootstrap-2.3.2/less/navbar.less on line 199, column 3: 198 .navbar-fixed-bottom .container { 199 #grid > .core > .span(@gridColumns); 200 } How can i fix this? I was able to avoid the error without modifying Bootstrap files by creating a new mixin that loaded after the Bootstrap mixins: #grid { .core { .span(@gridColumns) { width: (@gridColumnWidth * @gridColumns) + (@gridGutterWidth * (@gridColumns - 1)); } } }; This was better for us as we avoid patching

http://twitter.github.com/bootstrap/scaffolding.html I tried like all combinations: <div class="row"> <div class="span7 offset5"> box </div> </div> or <div class="container"> <div class="row"> <div class="span7 offset5"> box </div> </div> </div> changed span and offset numbers... But I cant get a simple box perfectly centered on a page :( I just want a 6-column-wide box centered... edit: did it with <div class="container"> <div class="row" id="login-container"> <div class="span8 offset2"> box </div> </div> </div> But the box is too wide, is there any way I can do it with span7 ? span7 offset2

I know that current Play! distribution has a helper for Bootstrap 1.4. What should I do if I want to use the current version of Bootstrap? I'm using the 2.0.1 twitter bootstrap with Play 2.0. You can download a specific version here: https://github.com/twitter/bootstrap/tags . Once you download the twitter bootstrap you have two options: you can choose to just use the bootstrap.min.css (and bootstrap-responsive.css ) and bootstrap.min.js , all these file can be placed in the public folder. or you can use the less files for the css. If you want to use the less files you make the following

I have a simple demo here: http://jsfiddle.net/HdeZ3/1/ <ul> <li>One <input class="btn pull-right" value="test"></li> <li>Two <input class="btn pull-right" value="test2"></li> </ul> I have an unordered list and for each list item I wish to have text on the left and then a right aligned button. I have tried to use pull-right but this completely messes up the alignment. What am I doing wrong? aronadaal Insert pull-right into the class attribute and let bootstrap arrange the buttons. For Bootstrap 2.3 , see: http://getbootstrap.com/2.3.2/components.html#misc > Helper classes > .pull-right. For

I want to use the twitter bootstrap icons on my form input submit buttons. The examples on http://twitter.github.com/bootstrap/base-css.html#icons mainly show styled hyperlinks. The closest I've come is getting the icon displayed next to the button, but not inside. <div class="input-prepend"> <span class="add-on"><i class="icon-user icon-white"></i></span> <input type="submit" class="btn-primary" value="Login" > </div> Simon Cunningham You can use a button tag instead of input <button type="submit" class="btn btn-primary"> <i class="icon-user icon-white"></i> Sign in </button> Christian