Регулировка модальных положений и условий

Добрый день, просто спрашиваю, как я могу центрировать текст в моих условиях и положениях на модальном всплывающем окне. добавление модального CSS, чтобы попытаться центрировать его, похоже, не работает. спасибо всем, кто может помочь.

HTML:

<div class = "modal fade" id = "myModal" tabindex = "-1" role = "dialog" aria-labelledby = "myModalLabel" aria-hidden = "true">
    <div class = "modal-dialog modal-lg">
        <div class = "modal-content">
          <div class = "container spacer text-align-justify">
            <div class = "row">
              <div class = "col-md-12 col-xs-12 spacer"><br><br></div> <!--spacer-->

              <div class = "col-md-12" style = "width: 700px;">
                <div class = "col-md-12 text-align-center">
                  <h2 class = "bold_font">GENERAL TERMS AND CONDITIONS</h2>
                  <br><br><br><br>
                </div>..................................................

................................... УСЛОВИЯ СОДЕРЖАНИЕ

CSS:

.modal {
   width: 300px;
   height: 300px;
   position: absolute;
   left: 50%;
   top: 50%;
   margin-left: -150px;
   margin-top: -150px;
}

Скриншот

html css twitter-bootstrap bootstrap-modal

31.10.2018 05:16

Улучшение производительности загрузки с помощью Google Tag Manager и атрибута Defer

В настоящее время производительность загрузки веб-сайта имеет решающее значение не только для удобства пользователей, но и для ранжирования в...

Введение в CSS

CSS является неотъемлемой частью трех основных составляющих front-end веб-разработки.

Как выровнять Div по центру?

Чтобы выровнять элемент <div>по горизонтали и вертикали с помощью CSS, можно использовать комбинацию свойств и значений CSS. Вот несколько методов,...

Навигация по приложениям React: Исчерпывающее руководство по React Router

React Router стала незаменимой библиотекой для создания одностраничных приложений с навигацией в React. В этой статье блога мы подробно рассмотрим...

Система управления парковками с использованием HTML, CSS и JavaScript

Веб-сайт по управлению парковками был создан с использованием HTML, CSS и JavaScript. Это простой сайт, ничего вычурного. Основная цель -...

Toor - Ангулярный шаблон для бронирования путешествий

Toor - Travel Booking Angular Template один из лучших Travel & Tour booking template in the world. 30+ валидированных HTML5 страниц, которые помогут...

791

Перейти к ответу Данный вопрос помечен как решенный

Ответы 2

Ваш css,

.modal {
        width: 300px;
        height: 300px;
        margin-top: 100px; #add according to your requirement
        margin-left: auto;
        margin-right: auto;
        padding: 10px; # add if you want
       }

31.10.2018 06:34

Ответ принят как подходящий

Вы можете добавить преобразование: translate(-50%, -50%); with left: 50%; top:50%; в класс модального блока

.modal {
        width: 300px;
        height: 300px;
        top:50%;
        left: 50%;
        transform: translate(-50%, -50%);
        padding: 10px;
        position: absolute;
       }

31.10.2018 06:49

Другие вопросы по теме

Прикрепите div внизу карточек одинаковой высоты

Как предотвратить перемещение текста, когда пользователь изменяет размер окна?

Динамическое всплывающее меню параметров и как получить значение параметров из заданного меню

V-if внутри v-for - отображать список товаров в две колонки

Изображение перекрытия CSS поверх другого тега div

Chrome теперь добавляет правое поле к фоновым изображениям ячейки таблицы

Как переместить две кнопки одну влево, а другую вправо в одной строке?

Лучшая стратегия для рендеринга курсора на экранах мобильных устройств / планшетов?

Содержимое Flexbox не распространяется равномерно со ссылками и изображениями

Адаптивное выравнивание DIV по центру, но не текста

Регулировка модальных положений и условий

Ответы 2

Другие вопросы по теме

Похожие вопросы