Home/ Questions/Q 7778575
In Process

The Archive Base Latest Questions

Editorial Team
  • 0
Asked: 2026-06-01T18:25:58+00:00

I’m using Bootstrap 2.0.1, and in my pages I often have a couple of

  • 0

I’m using Bootstrap 2.0.1, and in my pages I often have a couple of buttons next to each other:

<a class="btn btn-primary btn-large x-create-quiz">Create Quiz</a>
<a class="btn x-cancel">Cancel</a></div>

The buttons render next to each other, with no spacing between them.

I’ve had to add a &nbsp; between the two.

Looking at the source of the Twitter Bootstrap documention, they do the same thing, but get a small space between the buttons.

Any idea why? I’d prefer to eliminate the  . Could there be some enclosing <div> somewhere that provides the gap?

I’ve gotten the same results in Chrome and FireFox.

Share

Leave an answer

You must login to add an answer.

Need An Account,

1 Answer

  1. Editorial Team

    I had the same issue. I’m using node/express/jade and found that jade will remove any whitespace on delivery by default, resulting in something like this:

    <button class="...">reset</button><button class="...">save</button>

    Your buttons won’t run together if there is whitespace between them. For jade you may
    explicitly add space via = ' ' between your buttons or choose to enable pretty printing:

    app.set('view options', { pretty: true })

    Hope this is of help to you, took me some time to realize this behavior…

    • 0