Stuck on an issue?

Lightrun Answers was designed to reduce the constant googling that comes with debugging 3rd party libraries. It collects links to all the places you might be looking at while hunting down a tough bug.

And, if you’re still stuck at the end, we’re happy to hop on a call to see how we can help out.

Tiny cosmetic issue: space between buttons in FormActions (Bootstrap)

See original GitHub issue

This code, when using the Bootstrap template

FormActions(
    Submit('save_changes', 'Save', css_class='btn-primary'),
    Submit('cancel', 'Cancel'),
)

generates the following

As you can see the buttons are aligned contiguously because there is no space between <input> tags, while all Bootstrap examples include the space.

A workaround would be to include HTML('&zwnj;') between Submits (and   wouldn’t do because for some reason it generates two spaces), but I think it should be fixed somewhere in templates. Here’s how they should look:

Thanks for attention to my super tiny issue 😃

Issue Analytics

State:
Created 11 years ago
Comments:13 (5 by maintainers)

Top GitHub Comments

1reaction

maraujopcommented, Nov 28, 2012

I’ve released version 1.2.1, so I’m closing the issue. Thanks

0reactions

maraujopcommented, Nov 27, 2012

Thanks a lot Perry for confirming it. I’ve just merged specialspaceless into dev branch.

Cheers, Miguel

Top Results From Across the Web

How to give spacing between buttons using bootstrap

You can achieved by use bootstrap Spacing. Bootstrap Spacing includes a wide range of shorthand responsive margin and padding. In below example mr-1...

Button group - Bootstrap

Combine sets of button groups into button toolbars for more complex components. Use utility classes as needed to space out groups, buttons, and...

Bootstrap Textarea input free examples, templates & tutorial

Responsive Textarea with Bootstrap 5. How to change textarea height, size, width and style. Examples of textarea editor, comment, contact form, checkout &...

22 Best Practical Bootstrap File Uploads (In 2022) - Colorlib

We looked for different sources to equip you with the best 22 Bootstrap file uploads that cater to any web application and website....

before - CSS: Cascading Style Sheets - MDN Web Docs

In CSS, ::before creates a pseudo-element that is the first child of the selected element. It is often used to add cosmetic content...