Используя bootstrap v3, пытаясь визуализировать карту, но не отображать все значения, пока вы не захотите посмотреть.
Если есть div, который выглядит так:
<div class="container-fluid fieldcontain col-sm-6" >
<div class="col-xs-4"> <!--fix size of cell by grid -->
<div class="form-group form-inline ">
<div class="input-group text dropright " >
<input class="form-control" type="text" placeholder="Fill me"> <!-- form-control links field with the span -->
<span class="input-group-addon dropdown-toggle " data-toggle="dropdown" />
<table class='table table-bordered dropdown-menu' >
<thead>
<tr>
<th scope="col">Tag</th>
<th scope="col">Value</th>
</tr>
</thead>
<tbody>
<tr>
<th scope="row">hello</th>
<th scope="row">william</th>
</tr>
</tbody>
</table>
</div>
</div>
</div>
</div>
Это выглядит нормально, когда сначала отображается, так как поле ввода и каретка справа находятся на одной линии.
Как только я щелкаю каретку диапазона - таблица отображается, опускается вправо, но каретка опускается нижеполе ввода выглядит следующим образом:
Я хочу, чтобы каретка оставалась выровненной по отношению к входу и таблице, чтобы она открывалась сбоку.
Я не могу понять, как это сделать.Может ли какая-либо помощь посоветовать, что я должен поставить, где сделать эту работу?