In a funny kind of way, the submit button sticks to the input box. I couldn’t understand the reason. I can solve it by giving -(minus) margin etc. However, I’m looking for permanent solution. I’ve attached the screenshot from chrome’s debug tool.
I want to align the button to the left below the select box.
If you have difficulties to see the image…
07:00 AM 07:30 AM 08:00 AM 08:30 AM 09:00 AM 09:30 AM 10:00 AM 10:30 AM 11:000 AM 11:30 AM 12:00 PM 12:30 PM 01:00 PM 01:30 PM 02:00 PM 02:30 PM 03:00 PM 03:30 PM 04:00 PM 04:30 PM 05:00 PM 05:30 PM 06:00 PM 06:30 PM
Problem courtesy of: SNaRe
You can separate the input fields from your input button into two rows using the
.control-group class from the bootstrap. That class adds some margin to the bottom of the div that should unstick your button from your input fields:
Solution courtesy of: Andres Ilich