Перейти к публикации
Поиск в
  • Дополнительно...
Искать результаты, содержащие...
Искать результаты в...

нужно добавить адрес в самый верх сайта


Dima2
 Поделиться

Рекомендованные сообщения

Доброго времени! Может кто поможет начинающему мозголому... есть сайт www.Butuz.kz нужно вставить в самый верх адрес а телефоны подвинуть вправо, но так, чтобы и в мобильной версии ничего не поплыло. Пробовал по всякому.. но в мобильной версии все равно все съезжает...

Ссылка на комментарий
Поделиться на других сайтах


добавь в класс col-lg-4 col-lg-offset-8 col-md-4 col-md-offset-8 ну и желательно чтоб div c этими классами был в div с классом row.
если хочешь еще чтото вывести создай в controller переменную присвой ей адрес с config и выведи в tpl, соответственно добавь еще div c классами col-lg-4 col-lg-offset-4 col-md-4 col-md-offset-4 hidden-xs
hidden-xs если хочет скрыть блок для моб тел. ну и для правого блока нужно будет изменить 8 на 4 если будет еще один блок

Ссылка на комментарий
Поделиться на других сайтах


8 часов назад, Pascha сказал:

 


))) ого, какие версталы на нашем форуме появились))) честь Вам и хвала!!! :-D
з.ы. Не вводите ТС в заблуждение и будьте добры засесть за изучение бутстрап и верстки. (это мой дружеский вам совет) 

Советы для ТС 
1. Убрать весь говнокод, что понаписан в 


<nav id="top">

и заменить на 


<nav id="top">
  <div class="container">
   <div class="row"> 
     
    <div class="col-xs-6 addres pull-left">		 
	<span>г. Астана, ул. Ш. Кудайбердыулы 17 блок 3</span>		 
	</div>	  
   
        
    <div class="col-xs-6 pull-right">
		  <span class="icon1">
		  <a href="https://api.whatsapp.com/send?phone=+77016297515"><img alt="" src="https://butuz.kz/image/catalog/ikonki/vaacap.png" style="height:25px; width:28px"></a>
		  </span>
		  
		   <span class="phone1"><a href="https://api.whatsapp.com/send?phone=+77016297515">+7 701 629 75 15</a></span>
		  
		   <span class="icon2"><img alt="" src="https://butuz.kz/image/catalog/ikonki/phone.png" style="height:25px; width:25px"></span>
		  
		  <span class="phone2"><a href="tel:+7 (7172) 25 07 99">+7 7172 25 07 99</a></span>
	</div>	 
		  
		 </div>   
		</div>
		
		</nav>

 и далее крректно прописать стили для каждого из блоков и элементов.(естественно если там присутствуют переменные вывода телефонов и адреса использовать их, а не текст, как у меня в примере - так как я не экстрасенс и не знаю как у Вас там все организовано...
по идее должно быть 
<?php echo $address; ?>,<?php echo $telephone; ?>, <?php echo $telephone1; ?> (или что то типа этого)

и уберите Ваше 

 

.col-xs-6 {
 width: 100%;
}

с каких пор 6 колонок в бутстрапе стали 100%-ными? При 12 колонках это 50% ширины контента

по минимуму получите примерно такой вид на десктопе
http://joxi.ru/l2ZePKYHw450km
и такой вид на мобиле
http://joxi.ru/eAODPE6IxYRJZr

ну а дальше... учиться правильно работать с css и бутстрапом  и относится к делу серьезно, а не тяп-ляп. Удачи.

 

Ну и что же не так в моем комменте? Просветите меня как бог бутстрапа

Ссылка на комментарий
Поделиться на других сайтах


11 часов назад, Pascha сказал:

Не стоит провоцировать меня на полемику и флуд 

Просто возьми за пример моё сообщение выше и действуй поэтапно, прежде чем что то ответить со статусом "помощь"

Внимательно просмотрел что требуется- нашёл ошибки- указал на них- проверил свою версию в работоспособности и конкретике- написал.. Иначе, просто пропустил тему, дабы не иметь бледный вид и не расписаться, с учёным видом знатока, в своей не компетенции. Копипастом реализации отступов средствами бутстрап, данная задача добавления адреса и корректной верстки на конкретном примере не решить

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

Ссылка на комментарий
Поделиться на других сайтах


1 час назад, Pascha сказал:

http://joxi.ru/n2YzyQ7HjJZQaA
 

адрес слева!  Заканчивай бухать. Иди учись. ))))

Вы наверное немножко глупы, советую ещё раз перечитать тему автора

Ссылка на комментарий
Поделиться на других сайтах


Создайте аккаунт или войдите в него для комментирования

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

Создать аккаунт

Зарегистрируйтесь для получения аккаунта. Это просто!

Зарегистрировать аккаунт

Войти

Уже зарегистрированы? Войдите здесь.

Войти сейчас
 Поделиться

  • Сейчас на странице   0 пользователей

    • Нет пользователей, просматривающих эту страницу.
×
×
  • Создать...

Важная информация

На нашем сайте используются файлы cookie и происходит обработка некоторых персональных данных пользователей, чтобы улучшить пользовательский интерфейс. Чтобы узнать для чего и какие персональные данные мы обрабатываем перейдите по ссылке. Если Вы нажмете «Я даю согласие», это означает, что Вы понимаете и принимаете все условия, указанные в этом Уведомлении о Конфиденциальности.