Выровнять диапазон в столбцах Bootstrap

Question

Поэтому я пытаюсь выровнять иконку смахивания вправо без padding-right: 0; не работает: (

Herse некоторые код и изображения:

Вот мой HTML:

<div class="col-sm-4">
    <span class="c-visualslider__swipeicon"></span>
</div>

и мой S CSS:

.c-visualslider {
    padding: 528px 0 80px;
    position: relative;
    background: map-get($colors, black);

    &__swipeicon {
        height: 34px;
        margin-top: 8px;
        width: 32px;
        display: inline-block;
        background-repeat: no-repeat;
        background-image: (image);

Answer 1

добавить три css свойства к swipeicon

display: flex; 
justify-content: flex-end; 
margin: 8px 0 0 auto;

Попробуйте это

.c-visualslider {
    padding: 528px 0 80px;
    position: relative;
    background: map-get($colors, black);

    &__swipeicon {
        height: 34px;
        width: 32px;
        background-repeat: no-repeat;
        background-image: (image);

        display: flex;
        justify-content: flex-end;
        margin: 8px 0 0 auto;