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

381 questions
499
votes
21 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…
373
votes
32 answers

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

I tried the following:
235
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
  • 9,435
  • 10
  • 54
  • 92
187
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
  • 19,167
  • 39
  • 122
  • 201
169
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,475
  • 5
  • 24
  • 45
168
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
  • 10,798
  • 11
  • 46
  • 60
143
votes
17 answers

Can you disable tabs in Bootstrap?

Can you disable tabs in Bootstrap 2.0 like you can disable buttons?
arbme
  • 4,831
  • 11
  • 44
  • 57
122
votes
15 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
  • 34,265
  • 92
  • 284
  • 515
85
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
  • 66,732
  • 177
  • 439
  • 641
71
votes
3 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
  • 941
  • 1
  • 7
  • 12
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:
49
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,480
  • 3
  • 15
  • 25
45
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,465
  • 6
  • 27
  • 49
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
  • 29,955
  • 34
  • 93
  • 128
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,345
  • 11
  • 44
  • 62
1
2 3
25 26