html - How to make a background image bootstrap responsive when not full screen -


i have design i'm converting bootstrap responsive have run couple of problems.

  1. how make non full width background image responsive
  2. how keep main form content correct distance away top of image no matter viewport size.

mock image

website

i'd grateful pointers

the following 1 simple option, according mockup-website.

  1. create parent div center aligned on page.
  2. apply background image div , set max-width 100%.
  3. create div sit on top of parent div (and relative parent div).
  4. give top margin required %.
  5. it recommended create these styles on media queries responsive display.

there lot of stackoverflow topics through above steps.

hth.


Comments

Popular posts from this blog

Magento/PHP - Get phones on all members in a customer group -

php - .htaccess mod_rewrite for dynamic url which has domain names -

Website Login Issue developed in magento -