While i'm working on a new project. something strange i can see by using Tabs!! This pic show how the tab looks in WWB , all things looks fine ( text and boxes )

and this pic show how some text move up! in the preview and after publishing the page!!

Another concern, while i'm using Boostrap in the mode of validation, the boxes move a little to right! on the other hand any other box has any other choice doesn't have this behavior

Here's the file
https://gofile.io/?c=VXls7a
Thanks in advance...