0

Помогите, пожалуйста, отцентрировать всплывающее окно по горизонтали на этой страничке.

Я пытаюсь применить метод на основе указания width и margin: 0 auto. Но не получается даже не смотря на то, что отменяю правило left: бла, которое добавляет твиттер бутсрап

3 ответа 3

3

Нужно добавить этому блоку css свойство

margin-left

Равное отрицательному значению половины ширины этого блока, т.е.:

#myModal {
   width: 300px;
   margin-left: - 150px;
}
1
  • Файл: bootstrap.min.css, Строка: 743. Для класса .modal заменяете:

    margin-left: -280px;
    width: 560px; // вообще лишнее
    

на следующее:

margin-left: -150px !important;
  • Альтернативный вариант: найдите правило, которое у вас перекрывает этот margin-left
1
1

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

Ваш ответ

By clicking “Отправить ответ”, you agree to our terms of service and acknowledge you have read our privacy policy.

Всё ещё ищете ответ? Посмотрите другие вопросы с метками или задайте свой вопрос.