Здравстуйте. Такой вопрос – у меня HTML-код пишется с применением

Question

Здравстуйте. Такой вопрос – у меня HTML-код пишется с применением

bootstrap. У меня есть элемент row, внутри которого есть 3 элемента с классами col. Нужно расположить следующим образом: первый элемент должен занимать 50% пространства в контейнере row с ориентацией влево, второй элемент - 50% пространства в контейнере row с ориентацией на правый край, но если появится третий элемент, то второй элемент должен занимать 40% с ориентацией вправо, а третий элемент - 10% с ориентацией вправо.
Вот мой код:
<div class="row align-items-center mt-1 mb-3">
<div class="col-md-6 mb-3 text-left">
контент
</div>
<div class="col-md-4 mb-3 mt-3" style="padding: 0">
контент
</div>
<div class="col-md-2 mb-3 text-right mt-3" style="padding: 0">
контент
</div>
</div>
К сожалению данный код не сработал.
В чём может быть причина и как это исправить?

#frontend #html #javascript #programming #russian

0

06.08.2023

12 ответов

24 просмотра

🇺🇦 Ruslan Kazmiryk 🇺🇦 Автор вопроса

LZD
а как именно не сработал покажи скриншот

3 верхние элемента должны находиться в одном ряду, при этом второй и третий элементы должны быть прижаты друг к другу и ориентироваться к правому краю

0

06.08.2023

🇺🇦 Ruslan Kazmiryk 🇺🇦 Автор вопроса

LZD
а как именно не сработал покажи скриншот

0

06.08.2023

LZD

🇺🇦 Ruslan Kazmiryk 🇺🇦

чо такое mb-3

0

06.08.2023

Alexandro 🍉

LZD
чо такое mb-3

maybe 3 😂

0

06.08.2023

LZD

🇺🇦 Ruslan Kazmiryk 🇺🇦

ну судя по этому у вас почемуто колонки получились пополам 2 сверхи а третья под ними

0

06.08.2023

Alexandro 🍉

🇺🇦 Ruslan Kazmiryk 🇺🇦

3 верхние элемента должны находиться в одном ряду,...

кажется тут нужны флексы

0

06.08.2023

LZD

🇺🇦 Ruslan Kazmiryk 🇺🇦

https://codepen.io/lzd/pen/PoxgoPb

0

06.08.2023

🇺🇦 Ruslan Kazmiryk 🇺🇦 Автор вопроса

LZD
https://codepen.io/lzd/pen/PoxgoPb

А как сделать, чтобы второй элемент прилепился к правому краю если не будет третьего элемента, а если будет третий элемент - прилепился к третьему, а третий - к правому краю?

0

06.08.2023

LZD

🇺🇦 Ruslan Kazmiryk 🇺🇦
А как сделать, чтобы второй элемент прилепился к п...

уф сложные вопросы я к сожалению не знаю ответа

0

06.08.2023

Valera

LZD
https://codepen.io/lzd/pen/PoxgoPb

Да ладно н

0

06.08.2023