Как перенести логотип Bootstrap Navigation?

У меня возникли проблемы с позиционированием логотипа моей компании на нашем веб-сайте. Он слишком низкий и выглядит неравномерно. Есть ли способ переместить логотип? Или есть способ установить логотип так, чтобы между верхним и нижним краем навигатора и изображения было такое же пространство?Как перенести логотип Bootstrap Navigation?

Вот ссылка JSFiddle: Link

<!-- Nav Branding --> <a class="navbar-brand page-scroll" href="#page-top"><img width="30" height="30" src="http://www.edcodie.com/logo.png"></a>

Вот что у меня есть: Logo needs moved up a bit

Кроме того, мой Navbar сжимается, когда вы прокрутите вниз мимо второй странице. Есть ли способ расширить/сжать логотип с помощью навигатора? Я включил мой JS для наложения/расширения.

Спасибо!

источник

2015-03-13 Anthony Birone

Отрегулируйте атрибут padding-top якоря navbar-brand.

FIDDLE

CSS:

.navbar-brand { 
    padding-top: 10px; 
}

источник

2015-03-13 18:11:55 MattD

Нет проблем. Кроме того, был ли CSS в вашей скрипке из файла CSS для Bootstrap? Вы можете просто использовать jQuery 2.1.0 в JS Fiddle, а затем установите флажок, чтобы использовать Bootstrap. Или вы можете добавить ссылки для ссылок CDN в качестве внешних ресурсов, выбрав эту опцию слева. Или вы можете использовать Bootply вместо этого. – MattD

вы можете изменить padding-top отсюда. О nav shrink bootstrap есть собственная тема, которую вы можете использовать http://startbootstrap.com/template-overviews/grayscale/ здесь есть учебник и скачать файлы

источник

2015-03-13 18:08:06 Kumar

где изменить отступ верхом на? он установлен в CSS сейчас, но я не могу его найти. –

BTW, я использую этот шаблон. Моя панель навигации уже расширяется и сжимается. Я спрашивал, есть ли способ продлить ваш логотип и свернуть с помощью навигационной панели. –

исправление для .navbar-brand.

источник

2015-03-13 18:09:38 aahhaa

Как перенести логотип Bootstrap Navigation?

ответ

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