Този модал може да се отвори, като щракнете върху иконата на котва в предварителния заглавие. Тъй като връзката използва href котва (вместо data-open-modal), ще видите #example_modal в адресната лента. Ако искате да видите скрития модал, променете ръчно URL адреса в адресната си лента на #hidden_modal.

живот

пример за отваряне на данни

Този модал може да бъде отворен, като щракнете върху иконата на прозореца в предварителната заглавка. Тъй като връзката използва data-open-modal (вместо href котва), нищо не се появява в адресната лента. Също така не можете да използвате бутоните за назад/напред, за да затворите или отворите отново модала. Ако обаче знаете идентификационния номер на модала, все пак можете ръчно да въведете връзката за котва в адресната лента и тя ще се отвори (удобно за визуализации на клиенти).

За да симулирате изключително дълъг модал и да покажете как се скролират модалите, ето един тон lorem ipsum:

Lorem ipsum dolor sit amet consectetur adipisising elit. Rerum fugit, aperiam qui ducimus incidunt quis ad saepe at! Quis pariatur id nemo iusto. Delectus doloremque, voluptates dicta ab ullam quibusdam!

Illo debitis nihil, labore impedit voluptates soluta asperiores dignissimos dolorem cupiditate optio possimus, accusamus sit libero magni saepe quae explicabo obcaecati laboriosam! Veniam nobis incidunt nam cum a quasi voluptas commodi voluptates rerum dolore nulla nihil numquam perspiciatis at blanditiis odio similique, следователно et.

Consequuntur doloremque distinctio quis aperiam quidem labore nisi aspernatur needitatibus, perspiciatis quas nulla exercitationem voluptate cupiditate natus? Aperiam cum unde ut doloribus! Течен omnis aperiam, magni iure exercitationem numquam quas blanditiis repellendus. Debitis error reprehenderit, laboriosam praesentium neque porro placeat dignissimos dicta natus adipisci!

Ipsam blanditiis neque rerum, saepe nam acceptnda odio sed nostrum dolorum sint exercitationem repellat needitatibus provident aliquam quod tenetur voluptatibus sapiente perspiciatis! Максим, Consectetur quae. Repellendus vitae minima distinctio, esse, iste ut quibusdam nemo doloremque iure eum ex deserunt illum at voluptatum quisquam aperiam?

Dolorem facilis aspernatur explicabo десерунт на едно провидение, следователно, earum, odit iusto cupiditate odio. Molestias aspernatur quo reprehenderit voluptatem accusamus tenetur natus. Lorem ipsum dolor sit amet, consectetur adipisising elit. Illo magnam, totam omnis pariatur voluptatum ullam in, cumque error unde cupiditate molestias nihil accusantium dolorum accusamus quo odit. Nulla, nostrum ex.

Eum vel natus iusto provident atque quisfficia, adipisci quibusdam. Esse,fficia doloribus corporis eius optio accusamus natus error iure ducimus sed? Lorem ipsum dolor sit amet consectetur adipisising elit. Eius libero sequi quis sint reprehenderit accusantium laudantium nam eos delectus blanditiis, recusandae consectetur qui sed totam beatae et ratione dolorum quae?