0

Всем привет. Почему то в коде не срабатывает reverse часть класса blockquote, и выравнивание идет по левому краю, хотя ожидаю справа.

использую https://maxcdn.bootstrapcdn.com/bootstrap/4.0.0/css/bootstrap.min.css

<div class="container">
    <blockquote class="blockquote-reverse">
      <p>Lorem ipsum dolor sit amet, consectetur adipisicing elit. Sapiente nesciunt unde repellendus doloremque tenetur dignissimos omnis aut illum quasi labore.</p>
      <footer class="blockquote-footer">John the Fon</footer>
    </blockquote>
  </div>

в чем может быть подвох?

1
  • спасибо, добавлял, но не помогает (
    – zhanbaur
    3 фев 2018 в 14:39

1 ответ 1

1

Всё работает.
Просто вы немножко неправильно указали класс.

Решение для Bootstrap 4.

<link rel="stylesheet" href="https://maxcdn.bootstrapcdn.com/bootstrap/4.0.0/css/bootstrap.min.css">

<div class="container">

  <blockquote class="blockquote text-right">
    <p class="mb-0">Lorem ipsum dolor sit amet, consectetur adipiscing elit. Integer posuere erat a ante.</p>
    <footer class="blockquote-footer">Someone famous in <cite title="Source Title">Source Title</cite></footer>
  </blockquote>

</div>

Решение для Bootstrap 3.

<!-- Latest compiled and minified CSS -->
<link rel="stylesheet" href="https://maxcdn.bootstrapcdn.com/bootstrap/3.3.7/css/bootstrap.min.css">

<div class="container">

  <blockquote class="blockquote-reverse">
    <p>Lorem ipsum dolor sit amet, consectetur adipiscing elit. Integer posuere erat a ante.</p>
    <footer>Someone famous in <cite>Source Title</cite></footer>
  </blockquote>

</div>

2
  • спасибо, помог text-right. Просто смотрю курс на udemy, там работают с bootstrap 4.0.0-alpha.6, и там оперируют с reverse. Кажись в этой версии альфы был актуален еще reverse.
    – zhanbaur
    4 фев 2018 в 4:14
  • @zhanbau, возможно и был. Надо посмотреть в документации =)
    – entithat
    4 фев 2018 в 14:49

Ваш ответ

By clicking “Отправить ответ”, you agree to our terms of service and acknowledge you have read our privacy policy.

Всё ещё ищете ответ? Посмотрите другие вопросы с метками или задайте свой вопрос.