hayeli 0 Опубликовано 20 марта, 2018 Жалоба Share Опубликовано 20 марта, 2018 Подскажите пожалуйста как выровнить в одну линию вот мой код такой <!-- start: Header --> <header> <div class="container"> <div class="row"> <div class="col-sm-5"> <a href="{base_path}/"><img src="{base_path}/img/logo.png" alt="{config value=site_name}" title="{config value=site_name}" width="236" height="67" /></a> </div> <div class="col-sm-5"> <form class="navbar-form navbar-risht" role="search" action="{base_path}/page/search-result{config value=url_extension}" method="get" id="search"> <div class="input-group"> <input type="text" class="form-control" placeholder="{lang}Пример U660E{/lang}" name="keyword" id="search-keywords"> <div class="input-group-btn"> <button class="btn btn-primary" type="submit"><i class="fa fa-search"></i></button> </div> </div> <div id="search"></div> </form> </div> <a href="tel:{config value=telephone}"><i class="fa fa-phone"></i> {config value=telephone}</a> <a href="{base_path}/page/contact-us{config value=url_extension}"><i class="fa fa-pencil"></i> {lang}Contact Us{/lang}</a> </div> </div> </div> </header> <!-- end: Header --> Ссылка на сообщение Поделиться на другие сайты
support 447 Опубликовано 20 марта, 2018 Жалоба Share Опубликовано 20 марта, 2018 8 часов назад, hayeli сказал: Подскажите пожалуйста как выровнить в одну линию вот мой код такой <!-- start: Header --> <header> <div class="container"> <div class="row"> <div class="col-sm-5"> <a href="{base_path}/"><img src="{base_path}/img/logo.png" alt="{config value=site_name}" title="{config value=site_name}" width="236" height="67" /></a> </div> <div class="col-sm-5"> <form class="navbar-form navbar-risht" role="search" action="{base_path}/page/search-result{config value=url_extension}" method="get" id="search"> <div class="input-group"> <input type="text" class="form-control" placeholder="{lang}Пример U660E{/lang}" name="keyword" id="search-keywords"> <div class="input-group-btn"> <button class="btn btn-primary" type="submit"><i class="fa fa-search"></i></button> </div> </div> <div id="search"></div> </form> </div> <a href="tel:{config value=telephone}"><i class="fa fa-phone"></i> {config value=telephone}</a> <a href="{base_path}/page/contact-us{config value=url_extension}"><i class="fa fa-pencil"></i> {lang}Contact Us{/lang}</a> </div> </div> </div> </header> <!-- end: Header --> Так разная высота у всех блоков, ровно не будет. Только если телефон и обратную связь вывести в одну строку. Наверное так, в три колонки: <!-- start: Header --> <header> <div class="container"> <div class="row"> <div class="col-sm-4"> <a href="{base_path}/"><img src="{base_path}/img/logo.png" alt="{config value=site_name}" title="{config value=site_name}" width="236" height="67" /></a> </div> <div class="col-sm-4"> <form class="navbar-form navbar-risht" role="search" action="{base_path}/page/search-result{config value=url_extension}" method="get" id="search"> <div class="input-group"> <input type="text" class="form-control" placeholder="{lang}Пример U660E{/lang}" name="keyword" id="search-keywords"> <div class="input-group-btn"> <button class="btn btn-primary" type="submit"><i class="fa fa-search"></i></button> </div> </div> <div id="search"></div> </form> </div> <div class="col-sm-4"> <a href="tel:{config value=telephone}"><i class="fa fa-phone"></i> {config value=telephone}</a> <a href="{base_path}/page/contact-us{config value=url_extension}"><i class="fa fa-pencil"></i> {lang}Contact Us{/lang}</a> </div> </div> </div> </header> <!-- end: Header --> Ссылка на сообщение Поделиться на другие сайты
hayeli 0 Опубликовано 21 марта, 2018 Автор Жалоба Share Опубликовано 21 марта, 2018 еще один вопрос как цвет шапки поменять? Ссылка на сообщение Поделиться на другие сайты
support 447 Опубликовано 21 марта, 2018 Жалоба Share Опубликовано 21 марта, 2018 1 час назад, hayeli сказал: еще один вопрос как цвет шапки поменять? Задать цвет в стилях /app/webroot/vamshop.css Например можно попробовать так: header { background-color: red; } Ссылка на сообщение Поделиться на другие сайты
hayeli 0 Опубликовано 21 марта, 2018 Автор Жалоба Share Опубликовано 21 марта, 2018 спасибо сейчас попробую Ссылка на сообщение Поделиться на другие сайты
support 447 Опубликовано 21 марта, 2018 Жалоба Share Опубликовано 21 марта, 2018 Удачи Ссылка на сообщение Поделиться на другие сайты
Рекомендуемые сообщения