Перейти до вмісту
Пошук в
  • Детальніше...
Шукати результати, які ...
Шукати результати в ...

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


Dima2

Recommended Posts

Доброго времени! Может кто поможет начинающему мозголому... есть сайт 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 користувачів

    • Ні користувачів, які переглядиють цю сторінку
×
×
  • Створити...

Important Information

На нашому сайті використовуються файли cookie і відбувається обробка деяких персональних даних користувачів, щоб поліпшити користувальницький інтерфейс. Щоб дізнатися для чого і які персональні дані ми обробляємо перейдіть за посиланням . Якщо Ви натиснете «Я даю згоду», це означає, що Ви розумієте і приймаєте всі умови, зазначені в цьому Повідомленні про конфіденційність.