question-mark
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.

Bootstrap 4 horizontal forms button is slightly off the line

See original GitHub issue

I was checking out the fix for issue #613 with the row class being applied on all form-groups in Bootstrap 4 templates. So far it looks good, but I’ve found one small issue. In horizontal forms, the submit button is slightly out of line - it should line up with the input fields, but it’s a little off. It looks like the wrapper_class is not being applied to the form-group div that’s wrapping the button.

Here’s the helper code I’m using:

self.helper.wrapper_class = 'row'
self.helper.label_class = 'col-md-2'
self.helper.field_class = 'col-md-10'
self.helper.add_input(Submit('submit', 'Save'))

Issue Analytics

  • State:closed
  • Created 7 years ago
  • Comments:6 (2 by maintainers)

github_iconTop GitHub Comments

1reaction
zoidbergwillcommented, Oct 2, 2016

Thanks for your report, @RoboAndie

I’m gonna look into it.

0reactions
carltongibsoncommented, Aug 11, 2017

See #732: I’ve asked for help finalising Bootstrap 4 support, and we’ll do a new release in the autumn before Django 2.0, or sooner if we get lots of input.

Read more comments on GitHub >

github_iconTop Results From Across the Web

Forms - Bootstrap
Examples and usage guidelines for form control styles, layout options, and custom components for creating a wide variety of forms.
Read more >
Can't align buttons with horizontal form (not inline) (Bootstrap)
No no, I misunderstood your question! I thought you were trying to have the input and the label on the same line, as...
Read more >
Bootstrap Vertical Forms, Horizontal Forms, Inline Forms
Bootstrap Buttons, Glyphicons, Tables. Horizontal Forms: Horizontal forms are different from Vertical forms not only in the amount of markup ...
Read more >
Layout - React-Bootstrap
Give your forms some structure—from inline to horizontal to custom grid ... Bootstrap provides no default styling for the <Form> element, but there...
Read more >
Bootstrap tutorial 13 - Horizontal forms - YouTube
In this tutorial I show you how to use bootstrap to make a horizontal form.Useful links:-----------------------------------Don't forget to ...
Read more >

github_iconTop Related Medium Post

No results found

github_iconTop Related StackOverflow Question

No results found

github_iconTroubleshoot Live Code

Lightrun enables developers to add logs, metrics and snapshots to live code - no restarts or redeploys required.
Start Free

github_iconTop Related Reddit Thread

No results found

github_iconTop Related Hackernoon Post

No results found

github_iconTop Related Tweet

No results found

github_iconTop Related Dev.to Post

No results found

github_iconTop Related Hashnode Post

No results found