Позиционирование двух кнопок на краю div с использованием сетки начальной загрузки

как я могу заставить эти две кнопки прилипать к краю div с помощью сетки начальной загрузки?

Если кто-то также может немного объяснить, пожалуйста, я пытаюсь понять загрузочную сетку...

вот что мне удалось сделать на данный момент https://ibb.co/iLDZSv - ссылка на изображение

Код того, что я сделал до сих пор:

    <div class="row">
        <div class="col-xs-6 col-sm-6">
            <a href="#myTickets" data-toggle="tab" class="btn btn-default"><i
                class="fa fa-arrow-left"></i> Go Back</a>
        </div>

        <div class="col-xs-6 col-sm-3">

            <p></p>

        </div>

        <div class="col-xs-6 col-sm-3">
            <a class="btn btn-danger"><i class="fa fa-lock"></i> Close Ticket</a>
        </div>
    </div>

html css bootstrap-4 bootstrap-grid
person Crackengous    schedule 10.07.2017    source источник
comment
Как вы разместили кнопку «Создать новый билет»?   -  person luc122c    schedule 10.07.2017
comment
@ luc122c luc122c Я использую панель администратора, и у них был класс выпадающих кнопок, который я использовал xD   -  person Crackengous    schedule 10.07.2017

Ответы (1)


arrow_upward
0
arrow_downward

По умолчанию элементы располагаются слева. Вы можете использовать хелпер pull-right в Bootstrap, чтобы поместить объект в правую часть div.

<div class="col-xs-6 col-sm-3">
    <a class="btn btn-danger pull-right"><i class="fa fa-lock"></i> Close Ticket</a>
</div>
person Erbilacx    schedule 10.07.2017
comment
Спасибо, я могу принять это за 8 минут, но это решило мою проблему: D Я знал, что это связано с позиционированием, и я пытался решить это с помощью css, не знал о pull- - person Crackengous; 10.07.2017
comment
Это хорошая идея, чтобы прочитать как вспомогательные классы, так и разделы адаптивных утилит на веб-сайте Bootstrap. Есть несколько вещей, которые сэкономят вам кучу времени при создании макетов: getbootstrap.com/css/# вспомогательные классы - person Erbilacx; 10.07.2017