Как в bootstrap расположить div блок по правому края div с классом container?

Question

[AlexAll]

У дочернего блока position: fixed; и при всех попытках разместить его справа блока container например с помощью float:right; Кнопка в блоке перемещается в самый правый край всей страницы а не блока container

<div class="container">
            <div class="block">  кнопка корзины </div>

    </div>

.block {
position: fixed;
}

Есть мысли ?

Answer 1

[lukoie]

jsfiddle сделайте и дайте там больше своего реального кода
класс .pull-right пробовали?
И не указали кстати бутстрап какой.
Если это 4, то попробуйте еще добавить классы .row .justify-content-end

ЗЫЖ вот ПРАВИЛЬНАЯ реализация
https://jsfiddle.net/wjuvysp1/

Comments

[AlexAll]

Здравствуйте, у меня бустрап 3 так как не могу 4ртый использовать фреймворк yii2 работает на 3тем. Ваш способ не работает, хотя тут jsfiddle работает https://jsfiddle.net/9obh7cex/

[lukoie]

AlexAll, естественно, ведь
1 Вы не указали версию, а по дефолту считаем что версия последняя
2 оно и не будет работать в 3 бутстрапе, т.к. классы там от 4го
3 а в жсфидле будет, потому что там подключен последний бутстрап

а флоатами не вариант?
https://jsfiddle.net/9ojeLb80/

[AlexAll]

lukoie, если просто один блок с float:right не работает. Я думаю последний вариант, это сделать три колонки левую и середину пустой а в праву воткнуть кнопку. а способ с transform: translateX что посоветовали выше работает только от ширины выше 1200 px, так как ширина контейнера фиксированная, хотя можно использовать media

[lukoie]

AlexAll,

если просто один блок с float:right не работает.

в смысле?
https://jsfiddle.net/v6st4593/

[AlexAll]

lukoie, без position:fixed работает, а с ним он уходит за пределы контейнера https://jsfiddle.net/4obuan8m/

Думаю может те классы с четвертого бустрапа вставить себе попробовать

[lukoie]

AlexAll, https://jsfiddle.net/4c71v86q/
не?

[AlexAll]

lukoie, Не не сработало все равно, за пределами контейнера. Ладно спасибо, я просто эти стили что вы предлагали из 4 бустрапа, скопировал к себе и все норм заработало

[lukoie]

AlexAll, странно, ведь в жсфидле ставим right: 0 и не уходит
я ж грил, надо было больше реального кода, чтоб не гадать на кофейной гуще
ну ок тогда, успехов

Answer 2

[Адель Халитов]

https://codepen.io/KhalitovAdel/pen/LaVQmO

Comments

[AlexAll]

спасибо помогло

[lukoie]

AlexAll, но ведь это аж никак не бутстрап вэй!

[lukoie]

AlexAll, ВОТ бутстрап-вэй
https://jsfiddle.net/9hzbg38w/
ЕСЛИ у Вас кроме показанного кода ничего больше не испортит выравнивания(а это не известно)
И ЕСЛИ у Вас бутстрап4(а это не известно)

[Адель Халитов]

lukoie, Ну так в вашем случае от fixed пропадает толк.
Да и от бутстрапа ради 5 строк кода импортировать утилиты, которые весят намного больше чем 5 строк кода глупо.

[lukoie]

Адель Халитов, что мешает написать вот так, если уж на то пошло?
https://jsfiddle.net/wjuvysp1/
И главное - в ВОПРОСЕ речь задана именно о бутстрапе!
То что Вы написали это решение для любой верстки, и привязки к бутстрапу нет, как просит автор.