Мне нужно разместить строку с двумя встроенными кнопками.
Если это сделать 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](https://i.stack.imgur.com/NTkz1.png)
Вместо этого, если мне нужно, чтобы вызов был 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](https://i.stack.imgur.com/MNs2Q.png)
form-inline
не выполняет работу, поскольку он просто выравнивает компоненты внутри определенной формы. Нам нужны две формы здесь.
Установка их в row
и игра с col-*
не делают работу, так как вынуждают одного выполнять, и я хочу только одну форму «в продолжение» другой.
Я уже знаю, что могу играть с javascript и одной формой. А затем установите действие в click-hook, а затем сделайте представление. Это не то решение, о котором я здесь спрашиваю.
Вопрос:
Есть ли способ заставить boostrap 3 рассматривать всю форму как "встроенную"?