Jump to content
Search In
  • More options...
Find results that contain...
Find results in...

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


Dima2
 Share

Recommended Posts

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

Link to comment
Share on other sites


добавь в класс 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 если будет еще один блок

Link to comment
Share on other sites


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 и бутстрапом  и относится к делу серьезно, а не тяп-ляп. Удачи.

 

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

Link to comment
Share on other sites


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

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

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

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

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

Link to comment
Share on other sites


Create an account or sign in to comment

You need to be a member in order to leave a comment

Create an account

Sign up for a new account in our community. It's easy!

Register a new account

Sign in

Already have an account? Sign in here.

Sign In Now
 Share

×
×
  • Create New...

Important Information

On our site, cookies are used and personal data is processed to improve the user interface. To find out what and what personal data we are processing, please go to the link. If you click "I agree," it means that you understand and accept all the conditions specified in this Privacy Notice.