Bootstrap несколько modal окон

@ChezzyChezz · Регистрация: 06.03.2016

Author24 — интернет-сервис помощи студентам

Есть готовые модальные окна, кнопка вызова:

HTML5

1
2
3

<button type="button" class="btn btn-primary" data-toggle="modal" data-target="#exampleModalCenter">
    Запустить модальное окно
</button>

Само окно (кусок кода):

HTML5

<div class="modal fade" id="exampleModalCenter" tabindex="-1" role="dialog" aria-labelledby="exampleModalCenterTitle" aria-hidden="true">
      <div class="modal-dialog modal-dialog-centered" role="document"style="max-width: 1000px;">
        <div class="modal-content">
          <div class="modal-body">

Меняю:
data-toggle="modal" и <div class="modal fade" id="exampleModalCenter" tabindex="-1" role="dialog" aria-labelledby="exampleModalCenterTitle" aria-hidden="true">

Окно перестает всплывать, документацию на офф. сайте читал. Тыкните носом кому не трудно. Как сделать несколько модальных окон.

Добавлено через 15 минут
Забыл про"#" в остальных modal. Все работает.

HTML5

1	data-target="#exampleModalCenter"

HTML5

1	id="exampleModalCenter"

@novichek_1905 · 21.07.2019, 19:47

ChezzyChezz, каждое окно должно быть с уникальным id. Там где data-target="#exampleModalCenter" прописывайте id нужного окна.

@novichek_1905 469 / 334 / 144 Регистрация: 16.02.2018 Сообщений: 930
	21.07.2019, 19:47	2
	ChezzyChezz, каждое окно должно быть с уникальным id. Там где `data-target="#exampleModalCenter"` прописывайте id нужного окна. 1