I am programmer not designer nor ux designer. So, I am using Twitter Bootstrap framework for design the page with input elements on it. Basic requirement for my form is - It should fit into 1024x768 window without scrolling. Currently all my forms perfectly fit in the window of mentioned size. However, after validation of form in server side (I am using Django) I should output some error message for certain fields.
Outputting any error message as text before, after, above or below input element is not possible (Some fields will not be seen). Currently I consider using icon after input elements when error occur with popover when mouse hovered or icon clicked. However I did not have any idea if it will be good or not.
So I am looking for best approach to show this error messages using Twitter Bootstrap components only. What will be best practice for this problem? If any additional information required fill free to ask me. Thank you in advance.
P.S. I looked for answer here. However, all answers does not seams suitable for me. I think only @Fresheyeball answers better for my case, but for group of checkbox it looks horrible.