Не могу заставить бутстрап сделать правильное падение со столом - PullRequest
0 голосов
/ 08 февраля 2019

Используя 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>

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

Как только я щелкаю каретку диапазона - таблица отображается, опускается вправо, но каретка опускается нижеполе ввода выглядит следующим образом:

enter image description here

Я хочу, чтобы каретка оставалась выровненной по отношению к входу и таблице, чтобы она открывалась сбоку.

Я не могу понять, как это сделать.Может ли какая-либо помощь посоветовать, что я должен поставить, где сделать эту работу?

...