twitter-bootstrap-2

Change the color of glyphicons to blue in some- but not at all places using Bootstrap 2

↘锁芯ラ 提交于 2019-11-27 10:42:13
I am using the Bootstrap framework for my UI. I want to change the color of my glyphicons to blue, but not in all places. In some places it should use the default color. I have referred to these two links, but I am not finding anything helpful. Can I add color to bootstrap icons only using CSS? How do I change Bootstrap 3's glyphicons to white? Please note: I am using Bootstrap 2.3.2 . Vikas Ghodke The icon will adopt the color from value of the color css property of it's parent. You can either add this directly to the style: <span class="glyphicon glyphicon-user" style="color:blue"></span> Or

TypeError: $(…).modal is not a function with bootstrap Modal

↘锁芯ラ 提交于 2019-11-27 08:10:00
I have a bootstrap 2.32 modal which I am trying to dynamically insert into the HTML of another view. I'm working with Codeigniter 2.1. Following Dynamically inserting a bootstrap modal partial view into a view , I have: <div id="modal_target"></div> as the target div for insertion. I have a button in my view that looks like: <a href="#message" class="btn btn-large btn-info" data-action="Message" data-toggle="tab">Message</a> My JS has: $.ajax({ type : 'POST', url : "AjaxUpdate/get_modal", cache : false, success : function(data){ if(data){ $('#modal_target').html(data); //This shows the modal $

How to use Bootstrap scroll spy?

心不动则不痛 提交于 2019-11-27 05:25:08
问题 I cannot quite get the scroll spy to work properly with a vertical nav. Below you can find the code I use. For some reason, only "Two" gets active. Anyone has an idea as of what is wrong? <html lang="en"> <head> <meta charset="utf-8"> <title>Twitter Bootstrap Scroll Spy Playground</title> <link href="bootstrap/css/bootstrap.css" rel="stylesheet"> </head> <body> <div class="container"> <div class="row"> <div class="span3"> <ul class="navbar nav nav-list affix"> <li class="active"><a href="#one

Can you disable tabs in Bootstrap?

拜拜、爱过 提交于 2019-11-27 00:25:11
问题 Can you disable tabs in Bootstrap 2.0 like you can disable buttons? 回答1: You could remove the data-toggle="tab" attribute from the tab as it's hooked up using live/delegate events 回答2: As of 2.1, from bootstrap documentation at http://twitter.github.com/bootstrap/components.html#navs, you can. Disabled state For any nav component (tabs, pills, or list), add .disabled for gray links and no hover effects. Links will remain clickable, however, unless you remove the href attribute. Alternatively,

Twitter Bootstrap / jQuery - How to temporarily prevent the modal from being closed?

青春壹個敷衍的年華 提交于 2019-11-27 00:22:46
问题 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

GLYPHICONS - bootstrap icon font hex value

我的未来我决定 提交于 2019-11-26 23:56:47
问题 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 回答1: 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

Less v2 does not compile Twitter's Bootstrap 2.x

陌路散爱 提交于 2019-11-26 23:01:05
问题 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? 回答1: 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 *

How to center a div with Bootstrap2?

 ̄綄美尐妖づ 提交于 2019-11-26 22:31:52
问题 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

How can I change the default width of a Twitter Bootstrap modal box?

落花浮王杯 提交于 2019-11-26 19:10:53
I tried the following: <div class="modal hide fade modal-admin" id="testModal" style="display: none;"> <div class="modal-header"> <a data-dismiss="modal" class="close">×</a> <h3 id='dialog-heading'></h3> </div> <div class="modal-body"> <div id="dialog-data"></div> </div> <div class="modal-footer"> <a data-dismiss="modal" class="btn" >Close</a> <a class="btn btn-primary" id="btnSaveChanges">Save changes</a> </div> </div> And this Javascript: $('.modal-admin').css('width', '750px'); $('.modal-admin').css('margin', '100px auto 100px auto'); $('.modal-admin').modal('show') The result is not what I

How to use Twitter Bootstrap 2 with play framework 2.x

落花浮王杯 提交于 2019-11-26 18:52:35
问题 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? 回答1: 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