Нескрываемый текст в navbar Bootstrap / HTML, JavaScript, VBScript, CSS

ReSQL.ru

2.0.59

Планшетная версия Контакт Правила FAQ Помощь

Гость

Войти | Профиль | Очистить

Нов. | Гор. | Избр.

Написать

Автор*:

Ввести пароль для входа

Тема*:

Сообщение

Данное сообщение тематическое

Сообщение содержит картинки или видео 18+

Автор:

ВНИМАНИЕ! На данном подфоруме действуют строгие правила. Удостоверьтесь, что ваше сообщение соответствует им!

Форум или тема закрыты для гостей. Необходима авторизация!

Загрузить последнюю сохраненную версию

Вставить как галерею

Максимальный размер вложений: 4,0 МБ, аудио/видео: 8,0 МБ. Картинки большего размера ужимаются, если возможно.

Введите код, изображенный на картинке. Если код нечитаемый, кликните картинку, чтобы загрузить другой вариант.

Отправляя сообщение, я выражаю свое согласие с правилами форума и принимаю пользовательское соглашение.

Действия ...

Доб. в избранное
Игнор. тему
Прикреп. тему
Пометить прочит. / непрочит.
Фильтр:
Сообщения автора темы
Сообщение содержит вложения
Сообщение содержит картинки
Сообщение содержит видеоклипы
Сообщение содержит аудиоклипы
Сообщение содержит картинки или видео 18+

Форумы / HTML, JavaScript, VBScript, CSS [игнор отключен] [закрыт для гостей] / Нескрываемый текст в navbar Bootstrap / 1 сообщений из 1, страница 1 из 1

05.01.2018, 22:13

#39579914

Alibek B

Участник

Сообщения: 3 881
Рейтинг: 0 / 0

Нескрываемый текст в navbar Bootstrap

Есть сайт с такой версткой на Bootstrap3:

Код: html

1.
2.
3.
4.
5.
6.
7.
8.
9.
10.
11.
12.
13.
14.
15.
16.
17.
18.
19.
20.
21.
22.
23.
24.

<nav class="navbar navbar-inverse navbar-fixed-top" role="navigation">
	<div class="container">
		<div class="navbar-header">
			<button type="button" class="navbar-toggle collapsed" data-toggle="collapse" data-target="#navbar-main">
				<span class="sr-only">Навигационное меню</span>
				<span class="icon-bar"></span>
				<span class="icon-bar"></span>
				<span class="icon-bar"></span>
			</button>
			<a class="navbar-brand" href="/">
				<div class="navbar-brand-name">
					<img src="/brand-mini.png"/>
				</div>
			</a>
		</div><!-- /.navbar-header -->
		<div class="collapse navbar-collapse" id="navbar-main">
			<ul class="nav navbar-nav">
				<li class="dropdown">...</li>
				...
			</ul>
			<span class="navbar-text navbar-right"><a href="tel:+71234567890">+7-123-456-7890</a></span>
		</div><!-- /.navbar-collapse -->
	</div><!-- /.container -->
</nav><!-- /.navbar -->

Сверху выводится строка навигации, в ней логотип, горизонтальное меню и справа указан номер телефона.
Когда ширины окна не хватает для вывода пунктов меню, они скрываются, заменяясь на кнопку меню, в строке навигации остается только логотип.
При нажатии на эту кнопку меню отображается вертикально, в том числе и номер телефона.

Я бы хотел сделать так, чтобы номер телефона не перемещался в сворачиваемое меню.
Если номер перенести в .navbar-header, то так и получается, но номер выводится выровненным по левому краю и перед пунктами меню.
По идее его нужно вынести в отдельный контейнер, следом за .navbar-collapse. Я так попробовал сделать (задав для этих двух контейнеров float), но получается плохо.

...

Рейтинг:

0 / 0

| Ответить | Цитировать | Написать

Читали тему (0):

Читали форум (0):

Пользователи онлайн (0):

start [/forum/search_topic.php?author=%D0%A1%D1%82%D0%B0%D1%80%D1%8B%D0%B9%D0%98%D0%BD%D0%B6%D0%B5%D0%BD%D0%B5%D1%80&author_mode=last_topics&do_search=1]:	0ms
get settings:	8ms
get forum list:	15ms
get settings:	11ms
get forum list:	13ms
check forum access:	4ms
check topic access:	4ms
track hit:	71ms
get topic data:	11ms
get forum data:	2ms
get page messages:	43ms
get tp. blocked users:	2ms
others:	442ms

total:	626ms