Stack Overflow
Stack Overflow

Questions tagged [twitter-bootstrap-2]

Bootstrap 2 is the second generation of the front-end framework allowing for speedier web development. For question about Bootstrap 3, please use "twitter-bootstrap-3".

Bootstrap 2.3.2 has been replaced by Bootstrap 3

HTML

Bootstrap 2 provides a basic 12-column grid system:

<div class="row">
  <div class="span4">...</div>
  <div class="span8">...</div>
</div>

Bootstrap documentation about scaffolding

CSS

Bootstrap 2 provides styles for common HTML elements like typography, code, tables, forms, and buttons. It also includes Glyphicons, a great little icon set.

Bootstrap 2.3.2 documentation about CSS

JS

Some JavaScript components are provided:

  • Button groups
  • Button dropdowns
  • Navigational tabs, pills, and lists
  • Navbar
  • Labels
  • Badges
  • Page headers and hero unit
  • Thumbnails
  • Alerts
  • Progress bars
  • Modals
  • Dropdowns
  • Tooltips
  • Popovers
  • Accordion
  • Carousel
  • Typeahead

Bootstrap 2.3.2 documentation about Components

Use CDN for Bootstrap 2

383 questions
475
votes
20 answers

How can I get my Twitter Bootstrap buttons to right align?

I have a simple demo here:
  • One
  • Two
I have an unordered list and for each list item I wish to have text on the left and…
deltanovember
  • 38,665
  • 55
  • 151
  • 236
373
votes
32 answers

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

I tried the following:
230
votes
12 answers

Add icon to submit button in twitter bootstrap 2

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…
AyKarsi
  • 8,815
  • 8
  • 46
  • 81
178
votes
16 answers

Getting rid of all the rounded corners in Twitter Bootstrap

I love Twitter Bootstrap 2.0 - I love how it's such a complete library... but I want to make a global modification for a very boxy-not-round site, which is to get rid of all the rounded corners in Bootstrap... That's a lot of CSS to chug through.…
ina
  • 17,912
  • 37
  • 113
  • 187
165
votes
13 answers

Add vertical whitespace using Twitter Bootstrap?

What's the best way to add vertical whitespace using Twitter's Bootstrap? For example, let's say that I am creating a landing page and would like a bit (100px) of blank whitespace above and below a certain button. Obviously, I could create a…
Ryan
  • 8,298
  • 9
  • 42
  • 53
160
votes
12 answers

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

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…
Mike Phils
  • 3,291
  • 4
  • 17
  • 38
138
votes
17 answers

Can you disable tabs in Bootstrap?

Can you disable tabs in Bootstrap 2.0 like you can disable buttons?
arbme
  • 4,443
  • 11
  • 39
  • 53
103
votes
14 answers

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

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:
user1592380
  • 26,587
  • 62
  • 220
  • 414
84
votes
9 answers

How to center a div with Bootstrap2?

http://twitter.github.com/bootstrap/scaffolding.html I tried like all combinations:
box
or
box
…
Alex
  • 60,472
  • 154
  • 401
  • 592
67
votes
5 answers

Twitter-Bootstrap-2 logo image on top of navbar

Can someone suggest how I can place a logo image on the top of the navbar? My markup:
Gattoo
  • 2,939
  • 7
  • 23
  • 21
48
votes
3 answers

How to line up labels and read-only fields in a Bootstrap 2 form

In bootstrap 2, what's the recommended way of lining up labels and read-only text fields in a form. The following code sample creates misaligned fields:
Sample
batkuip
  • 1,462
  • 3
  • 15
  • 25
47
votes
2 answers

How to make a table column be a minimum width

Here is the template data file: https://github.com/Hoektronics/BotQueue/blob/master/views/bot/dashboard_list.ejs I'm trying to make 8 of the 10 columns of a table to only take up exactly the minimum width that they need to, based on the text,…
jnesselr
  • 701
  • 1
  • 5
  • 12
44
votes
4 answers

GLYPHICONS - bootstrap icon font hex value

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…
Hamed mayahian
  • 2,217
  • 6
  • 23
  • 45
44
votes
7 answers

Change width of select tag in Twitter Bootstrap

How do I change the width of a select field, when using Twitter bootstrap? Adding input-xxlarge CSS classes doesn't seem to work (like it does on other form elements), so the elements in my drop down are currently cut off.
grautur
  • 27,957
  • 33
  • 90
  • 125
44
votes
3 answers

Should I include bootstrap.css and bootstrap-responsive.css together?

Should I include two css file or one is enough? OR
Mohammad Ali Akbari
  • 10,045
  • 10
  • 40
  • 61
1
2 3
…
25 26