2013-12-19 2 views
0

Я новичок в bootstrap.I имеет изображение логотипа (вместо названия проекта) и горизонтальную навигационную панель поверх моей страницы. Изображение в формате слева слева. Когда браузер уменьшено окно навигации. У меня есть 2 проблемы:.статическая горизонтальная навигационная панель в области загрузки перекрытий

(а) меню, которое приходит как падение вниз (когда размер окна уменьшается) перекрывает область содержимого (б) Меню поставляется под изображением логотипа Логотип около качественное изображения 160px (Я думаю, что мне, возможно, придется уменьшить размер изображения логотипа при уменьшении размера окна). Может ли кто-нибудь позвонить мне, как уменьшить размер изображения или любой другой способ решить эту проблему!

+0

вы можете вставить код IM bootply или jsfiddle? – jayeshkv

+1

Возможный дубликат [Bootstrap 3 Navbar с логотипом] (http://stackoverflow.com/questions/18474564/bootstrap-3-navbar-with-logo) –

+0

Я пробовал ссылку .. но не решает проблему ma ... это is ma navigation bar code ... http://pastebin.com/507AbyKB –

ответ

1

Если вы уменьшите размер изображения по шагам, решите свою проблему, вы можете использовать медиа-запросы в своем CSS для достижения этого. Для ПРИМЕР-

@media all and (max-width: 480px) { 
/* Reduce image size */ 
} 

Для подробного описания запросов СМИ, проверить http://css-tricks.com/snippets/css/media-queries-for-standard-devices/ или http://webdesignerwall.com/tutorials/css3-media-queries

+0

спасибо varun .... это работает 4 меня :) –

Смежные вопросы