bootstrap button css not loading

Question

I downloaded twitter bootstrap and most of the css seems to be working, but I cannot get the buttons to render correctly. I am just getting default buttons. Below is some test html I am using:

<html lang="en">
    <head>
        <meta charset="utf-8">
        <meta name="viewport" content="width=device-width, initial-scale=1.0">
        <link href="http://twitter.github.com/bootstrap/assets/css/bootstrap-responsive.css" rel="stylesheet">
        <link href="http://twitter.github.com/bootstrap/assets/css/bootstrap.css" rel="stylesheet">
    </head>
    <body>
        <div class = "container">
            <form>
                <button type = "button" class = "bnt bnt-primary"> My Button </button>
            </form>
        </div>
    </body>
</html>

Why am I not getting the styling for the buttons?

try this <input type="button" class="btn" value="Here" />

Ligth
– Ligth

2013-06-14 12:14:34 +00:00
Commented Jun 14, 2013 at 12:14 — Ligth
– Ligth, Commented Jun 14, 2013 at 12:14

nickhar · Accepted Answer · 2013-06-14 12:14:45Z

2

You're swapping btn with bnt, which won't render.

Try:

<body>
    <div class = "container">
        <form>
            <button class="btn btn-primary"> My Button </button>
        </form>
    </div>
</body>

You can see the result here: http://jsfiddle.net/YuURs/

answered Jun 14, 2013 at 12:14

nickhar

21.1k12 gold badges64 silver badges77 bronze badges

Sign up to request clarification or add additional context in comments.

Comments

Raitom · Accepted Answer · 2013-06-14 12:14:45Z

1

You wrote bnt, it's btn

Try this :

<button type = "button" class = "btn btn-primary"> My Button </button>

answered Jun 14, 2013 at 12:14

Raitom

331 silver badge5 bronze badges

Collectives™ on Stack Overflow

bootstrap button css not loading

2 Answers 2

Comments

Comments

Your Answer

Hot Network Questions

Collectives™ on Stack Overflow

2 Answers 2

Comments

Comments

Your Answer

Sign up or log in

Post as a guest

Related