@yuriy_leginchuk

Никак не могу расположить меню nav по правую сторону! Как правильно сделать?Что я неправильно делаю?

<header class="main_head">
		<div class="container">
			<div class="row">
				<div class="mnu_line">
					<div class="col-md-3"><img src="img/logo.png" alt="Логотип"></div>

					<div class="col-md-9 ">
						<div class="phone">
							<img src="img/header/header_phone.png" alt="Телефон"> +38 (048)<div class="rose">770 34 30</div>    +38 (067)<div class="rose">518 90 09</div>
						</div>

						<nav class="main_mnu clearfix">
							<ul class="navbar">
								<li class="active"><a href="#">Кровельные материалы</a></li>
								<li><a href="#">Кровельные работы</a></li>
								<li><a href="#">Выполненные работы</a></li>
								<li><a href="#">Контакты</a></li>
							</ul>
						</nav>
					</div>

				</div>
			</div>
		</div>
	</header>


.mnu_line
	margin-top: 20px
.logo
	width: 100% 
	img 
		width: 100%
.rose
	color: $accent 
	display: inline-block
	padding-right: 10px
.active
	color: color: $accent 

.phone
	text-align: right
nav
	ul
		list-style-type: none 
		padding: 0 
		margin: 0
	li 
		display: inline-block
		
.main_mnu 
	text-align: right
  • Вопрос задан
  • 168 просмотров
Пригласить эксперта
Ответы на вопрос 1
Alexufo
@Alexufo
противоречивый, сложный, весь компьютерный.
text-align: rightприменяется к строчным элементам.
У вас бутстрап? примените .pull-right к main_mnu или дайте ему float:right

Выкладывайте код на онлайн сервисы, а не копипастите.
Ответ написан
Комментировать
Ваш ответ на вопрос

Войдите, чтобы написать ответ

Похожие вопросы