Всплывающее окно не придерживаться сохранить текст - PullRequest
Новая
       6

Всплывающее окно не придерживаться сохранить текст

0 голосов
/ 07 февраля 2019

Я сделал пользовательское всплывающее / речевое окно, используя Boostrap Pop поверх класса в простом HTML.

Проблема: Похоже, что всплывающее окно не придерживается текста действия Сохранить записи при изменении выравнивания выходного поля.

Я пытался изменить положение, но не получилось. 

 <div class="popover fade bottom in" role="tooltip" style="top: 17.5938px; left: 0; display: inline-table;width: 36%;padding: 0px;text-align: center;border-radius: 0px;padding-bottom: 5px">
            <div class="arrow" style="left: 50%;"></div>
            <h3 class="popover-title" style="display: none;"></h3>
            <div class="popover-content">
                <p>Are you sure you wish to save the records?</p>
                <div style="display:inline-flex">
                    <button class="btn btn-sm btn-primary btn-save btn-square"  style="background-color:#0076C9;border: none;padding: 5px 25px 5px 25px;margin-left: 0px">Yes</button>
                    <button class="btn btn-sm btn-default btn-save btn-square"  style="color:#0076C9;padding: 5px 15px 5px 15px;margin-left: 8px">Cancel</button>
                </div>
            </div>
        </div>

К вашему сведению: JsFiddle

enter image description here

1 Ответ

0 голосов
/ 07 февраля 2019

Не понимаю, как модал связан с текстом.Самый простой способ (насколько я знаю) - создать обертку, где text & modal будут братьями и сестрами.Затем установите position: relative на обертку и position: absolute на модал.Также вы должны изменить top на bottom для модального.Здесь я сделал очень простой пример: https://jsbin.com/yegufisumi/1/edit?html,css,output

...