0 Пользователей и 1 Гость просматривают эту тему.
  • 5 Ответов
  • 473 Просмотров
*

leha111

  • Захожу иногда
  • 226
  • 0 / 0
Подскажите, как сделать так, чтобы элементы в строке row распологались не сверху. а выравнивались в ней   по центру (установлен bootstrap 4) /
*

draff

  • Гуру
  • 5803
  • 434 / 7
  • ищу работу
Re: Вертикальное центрирование row
« Ответ #1 : 25.07.2018, 08:24:51 »
чтобы элементы в строке row
Элементы col ?
Код
    <div class="row align-items-center">
        <div class="col">Test vertical </div>
    </div>
« Последнее редактирование: 25.07.2018, 08:28:50 от draff »
*

leha111

  • Захожу иногда
  • 226
  • 0 / 0
Re: Вертикальное центрирование row
« Ответ #2 : 25.07.2018, 08:32:29 »
Код
У меня что-то не работает

   <a  href="<?php echo JUri::base(TRUE);?>"><img class="logo1" src="<?php echo JUri::base(TRUE)."/templates/".$doc->template;?>/images/h9S1wXBiu80.jpg" alt="" /></a>
                      <p>+7(950)495-68-18</p>
                     
                  </div>

Забыл уточнить : выравнивание  необходимо по центру вертикали. А если вставлю их в какой-нибудь класс

Код
<div class="row float-right align-items-center dir" >
                 <div class="dir">
<a  href="<?php echo JUri::base(TRUE);?>"><img class="logo1" style="padding: 0 5px 0 0;"  src="<?php echo JUri::base(TRUE)."/templates/".$doc->template;?>/images/h9S1wXBiu80.jpg" alt="" /></a>
                  <p>6456465464</p>
                </div>
 </div>
то текст уходит под картинку, а должен быть справа от неё.
« Последнее редактирование: 25.07.2018, 08:43:30 от leha111 »
*

leha111

  • Захожу иногда
  • 226
  • 0 / 0
Re: Вертикальное центрирование row
« Ответ #3 : 25.07.2018, 09:31:28 »
Присвоение им каких -либо классов тоже не помогает
Код
<div class="row float-right align-items-center  dir" >
                      <div class="cogo" style="max-width:40px; "><a  href="<?php echo JUri::base(TRUE);?>"><img class="logo1" style="padding: 0 5px 0 0;"  src="<?php echo JUri::base(TRUE)."/templates/".$doc->template;?>/images/h9S1wXBiu80.jpg" alt="" /></a></div>

                      <div class="dir"><p><?php echo $this->params->get('telephone'); ?></p></div>

                  </div>

https://yadi.sk/i/Ky6Sow-93ZYTTL

Надо, чтобы надпись была по центру картинки. если та больше её.
*

lexxbry

  • Живу я здесь
  • 2387
  • 67 / 8
Re: Вертикальное центрирование row
« Ответ #4 : 25.07.2018, 10:20:42 »
Код
vertical-align: middle;
не подойдет?
SEO-оптимизация,продвижение
Создание и сопровождение сайтов на Joomla
Миграция
*

leha111

  • Захожу иногда
  • 226
  • 0 / 0
Re: Вертикальное центрирование row
« Ответ #5 : 25.07.2018, 12:17:40 »
В таком виде нет
Код
.dir{
   font-size:5px;
   vertical-align: middle;
}

Код
<div class="row float-right align-items-center dir " >

                      <a  href="<?php echo JUri::base(TRUE);?>"><img class="logo1" style="padding: 0 5px 0 0;"  src="<?php echo JUri::base(TRUE)."/templates/".$doc->template;?>/images/h9S1wXBiu80.jpg" alt="" /></a>

                      <p><div class="row float-right align-items-center dir " >

                      <a  href="<?php echo JUri::base(TRUE);?>"><img class="logo1" style="padding: 0 5px 0 0;"  src="<?php echo JUri::base(TRUE)."/templates/".$doc->template;?>/images/h9S1wXBiu80.jpg" alt="" /></a>

                      <p>6546464646</p>

                  </div></p>

                  </div>
Как правильно записать ?
Чтобы оставить сообщение,
Вам необходимо Войти или Зарегистрироваться
 

Шаблон Protostar. Вертикальное меню с множеством подпунктов

Автор mma86g

Ответов: 0
Просмотров: 504
Последний ответ 01.03.2021, 18:25:37
от mma86g
Шаблон SJ ShoppyStore - вертикальное меню не отображается на мобильных

Автор MozG-UA

Ответов: 2
Просмотров: 1238
Последний ответ 07.07.2016, 19:11:09
от MozG-UA
Вертикальное выравнивание в меню

Автор alfer

Ответов: 4
Просмотров: 864
Последний ответ 08.01.2015, 18:00:25
от alfer
Вертикальное всплывающее меню(сразу выдвигается вправо)

Автор Klaxonio

Ответов: 3
Просмотров: 1304
Последний ответ 24.08.2014, 12:01:08
от Klaxonio