راهنمایی در مورد موقعیت هدر در بوت استرپ

[eletcomp]

با سلام

من یک هدر گرافیگی دارم در ابعاد 980 در 200 : این هدر همانطور که توی عکس با رنگ قرمز مشخص کردم کامل کشیده نمی شود و حاشیه سمت راست وچپ را پر نمی کند!!! به نظر شما چکار کنم که کل هدر را پوشش بدهد؟ در ضمن از کلاس img-responsive هم استفاده کردم!


http://s6.picofile.com/file/8194066200/img.PNG
(http://s6.picofile.com/file/8194066200/img.PNG)
سورس:

http://s6.picofile.com/file/8194107418/sample.zip.html


سپاس

[سعید کشاورز]

ببینید کلاس container بوت استرپ رو که استفاده میکنید ماکسیمم عرضش px1140 میشه.. پس باید عرض عکس شما انقدر باشه..ولی عرض 1140 حجم عکس رو بالا میبره..
برای این کار باید یه سری ترفند به کار ببری..مثلا عکست رو عرضش رو 500 در نظر بگیری و بندازیش سمت راست و بک گراند اون رو سبز در نظر میگیری.. تا اینجای کار یه عکس داری توی هدر سایتت که 500 px عرض داره.. حالا سمت چپ هدرست خالیه درسته؟ شما باید رنگ بک گراندی رو که برای عکست در نظر گرفتی با سی اس اس به هدرست بدی و اینجوری اصلا دیگه تابلو نمیشه.
اما این عکسی که آپلود کردی رو نمیشه از این طریق درست کرد و مجبوری که عرض عکس رو حتما 1140 در نظر بگیری