Using a form in-line class this scenario has two columns of label text inputs. There are a few that have added input-group-appends with font awesome calendar or search icons. For whatever reason those are shorter than the others. Below is an example with two columns also original has six rows. Also they are centered. I could make the labels right justified by using justify-content-end but not the inputs. It would be nice to left justify these because the gap between the label and the input would be smaller.
you should make sure that your total of column equal 12, not only for the form but overall into the template
justify-content-end can be use with a div i'm not sur it can be use with a label..
You can set a JSFiddle that will be easier to check with your custom css if any.
wee11
ASKER
No custom css. The example should be 12 columns. There is nothing else.
lenamtl
Could you provide a screen shot of the problem?
Your help has saved me hundreds of hours of internet surfing.
fblack61
wee11
ASKER
So the issue looks like it is the append and its extending the width of the text box. Text boxes without the button are exactly the width of the ones with the button but stop right at the start of the button. Drop this in JSFiddle and you can see the issue.
We get it - no one likes a content blocker. Take one extra minute and find out why we block content.
Not exactly the question you had in mind?
Sign up for an EE membership and get your own personalized solution. With an EE membership, you can ask unlimited troubleshooting, research, or opinion questions.
Are you using any custom css?
you should make sure that your total of column equal 12, not only for the form but overall into the template
justify-content-end can be use with a div i'm not sur it can be use with a label..
You can set a JSFiddle that will be easier to check with your custom css if any.