• Выравнивание текста в CSS Bootstrap 4?

    @RedCat_ru Автор вопроса
    Прошу прощения, я не верно выразился. Не текст, а выравнивание блоков колонок. Дело в том, что используя флекс все выходит как надо. А в бутстрапе, атрибут justify-content-end почему-то никак не влияет совсем на блоки с текстом. Вот пример:

    <!DOCTYPE html>
    <html>
    <head>
        <meta charset="UTF-8">
        <meta name="viewport" content="width=device-width, initial-scale=1.0">
        <link rel="stylesheet" href="css/main.css">
    
        <title>Bootstrap 4</title>
    </head>
    <body> 
    
        <div class="container">
            <div class="col">Text1</div>
            <div class="col">Text2</div>
            <div class="col">Text3</div>
            <div class="col">Text4</div>
        </div>
    
    
        <script src="js/bootstrap.min.js"></script>
        <script src="js/main.js"></script>
    </body>
    </html>
    
    .container
        width: 100%
        height: 150px
        background-color: #000
        color: #fff
        display: flex
        justify-content: flex-end
        .col
            margin-right: 20px


    Тут все работает, блоки прижимаются к правому краю. Чертов бутстрап, ненавижу его. То ли я дурак, то ли сани не едут:) я бы его и не учил, так везде ведь требуют, хотя есть гриды и флексы, которые лучше в разы.
    Ответ написан
    Комментировать