Login window issue in responsive size like 768, 800

I have made a login page but facing issue when i am stretching window on 768 or 800 size my window is going on left side it should be in center only in any size…

and I need textbox and login button background should be non-transparent, its taking transparent now…

its working properly in bigger and small sizes, here is the link for your reference…



I’m not a bootstrap person, but it looks to me like this line:

<div class="col-sm-4 col-md-4 col-md-offset-4 login">

might need to look like this:

<div class="col-md-4 col-md-offset-4 login">

or maybe the form box isn’t offset correctly. It looks like you are not applying the bootstrap grid correctly. Perhaps a bootstrapper will be able to give more assistance.

i tried it earlier its looking like this if i will keep the tag like this

thanks for your reply…

col-md-offset-4 is receiving {margin-left:33.33333%} at wide widths. That margin is missing at medium widths. Maybe your media queries have a problem.

You seem to be utilizing min-width and max-width values. To me, that’s asking for problems but maybe that’s how bootstrap works?

This topic was automatically closed 91 days after the last reply. New replies are no longer allowed.