Как мне сделать две формы одна в другой в bootstrap3 без наложения ширины col- *? - PullRequest
0 голосов
/ 15 сентября 2018

Мне нужно разместить строку с двумя встроенными кнопками.

Если это сделать GET звонки, это легко. Этот код

<div class="row">
    <div class="col-md-8 col-lg-6 col-md-push-2 col-lg-push-3" id="replay">
        <div class="box box-primary">
            <div class="box-header with-border">
                <h3 class="box-title">Eventual consistency</h3>
            </div>
            <div class="box-body">
                <a href="/route_a" class="btn btn-primary">Rebuild events</a>
                <a href="/toute_b" class="btn btn-primary">Replay events</a>
            </div>
        </div>
    </div>
</div>

отображает это:

enter image description here

Вместо этого, если мне нужно, чтобы вызов был POST, а не GET, я должен поместить формы с кнопками. Если маршруты разные, мне нужны две формы с одной action каждой формой.

По какой-то причине загрузчик считает, что формы должны быть в разных строках. Этот код

<div class="row">
    <div class="col-md-8 col-lg-6 col-md-push-2 col-lg-push-3" id="replay">
        <div class="box box-primary">
            <div class="box-header with-border">
                <h3 class="box-title">Eventual consistency</h3>
            </div>
            <div class="box-body">
                <form class="form-inline" action="/route_a" method="post"><button class="btn btn-primary">Rebuild events</button></form>
                <form class="form-inline" action="/route_b" method="post"><button class="btn btn-primary">Replay events</button></form>
            </div>
        </div>
    </div>
</div>

рендерит этот результат:

enter image description here

  • form-inline не выполняет работу, поскольку он просто выравнивает компоненты внутри определенной формы. Нам нужны две формы здесь.

  • Установка их в row и игра с col-* не делают работу, так как вынуждают одного выполнять, и я хочу только одну форму «в продолжение» другой.

  • Я уже знаю, что могу играть с javascript и одной формой. А затем установите действие в click-hook, а затем сделайте представление. Это не то решение, о котором я здесь спрашиваю.

Вопрос:

Есть ли способ заставить boostrap 3 рассматривать всю форму как "встроенную"?

Добро пожаловать на сайт PullRequest, где вы можете задавать вопросы и получать ответы от других членов сообщества.
...