Pen Settings

HTML

CSS

CSS Base

Vendor Prefixing

Add External Stylesheets/Pens

Any URL's added here will be added as <link>s in order, and before the CSS in the editor. If you link to another Pen, it will include the CSS from that Pen. If the preprocessor matches, it will attempt to combine them before processing.

+ add another resource

JavaScript

Babel includes JSX processing.

Add External Scripts/Pens

Any URL's added here will be added as <script>s in order, and run before the JavaScript in the editor. You can use the URL of any other Pen and it will include the JavaScript from that Pen.

+ add another resource

Packages

Add Packages

Search for and use JavaScript packages from npm here. By selecting a package, an import statement will be added to the top of the JavaScript editor for this package.

Behavior

Save Automatically?

If active, Pens will autosave every 30 seconds after being saved once.

Auto-Updating Preview

If enabled, the preview panel updates automatically as you code. If disabled, use the "Run" button to update.

Format on Save

If enabled, your code will be formatted when you actively save your Pen. Note: your code becomes un-folded during formatting.

Editor Settings

Code Indentation

Want to change your Syntax Highlighting theme, Fonts and more?

Visit your global Editor Settings.

HTML

              
                    <!-- Button trigger modal -->
    <button type="button" class="btn btn-primary" data-toggle="modal" data-target="#firstModal">
      Открыть модалку (1)
    </button>

    <!-- Modal -->
    <div class="modal fade" id="firstModal" tabindex="-1" aria-labelledby="firstModalLabel" style="display: none;" aria-hidden="true">
      <div class="modal-dialog" style="
    overflow-y: scroll;
">
        <div class="modal-content">
          <div class="modal-header">
            <button type="button" class="close" data-dismiss="modal" aria-label="Close">
              <span aria-hidden="true">×</span>
            </button>
          </div>
          <div class="modal-body">
            <!-- Button trigger modal -->
            <button type="button" class="btn btn-primary" data-toggle="modal" data-target="#secondModal">
              Открыть модалку (2)
            </button>
            Lorem ipsum dolor, sit amet consectetur adipisicing elit.
            Perferendis at sit expedita error, iure nobis quisquam dolorum qui
            sequi. Aperiam eius odio neque dicta quidem porro possimus
            reiciendis architecto molestias maiores facilis, unde quisquam
            cumque cupiditate corrupti minus nostrum impedit dolores corporis
            repudiandae sequi! Eum ullam blanditiis magni expedita? Corrupti
            aliquid quidem nulla. Delectus repellendus rerum est quos! Obcaecati
            amet expedita voluptatem impedit illum error quasi nemo, commodi
            sint eveniet quae totam quisquam inventore perspiciatis quia
            molestiae voluptatibus asperiores consequatur dolore molestias
            corrupti nulla hic exercitationem. At rem architecto, esse ducimus
            quas doloribus, perferendis veritatis sunt totam et ipsam? Numquam
            cupiditate eligendi incidunt ipsam itaque porro ex cumque. Libero,
            iste tempore illo odit reiciendis reprehenderit ea eius nihil
            laboriosam quisquam, iure earum laborum corporis repellendus
            voluptates delectus cumque animi quas amet dolor recusandae quis?
            Consequatur omnis quia ut harum, maiores sed ea debitis. Animi, odio
            temporibus laboriosam vero doloribus tempore nobis omnis corrupti
            fuga, exercitationem error aspernatur asperiores. Maxime totam nemo
            quos eius ipsum quo numquam ab eaque, sit nesciunt nam incidunt
            laborum molestiae ipsam repellendus at odit aperiam! Quia
            dignissimos fugiat quidem distinctio molestiae laboriosam, omnis
            modi animi quam inventore. Temporibus dolor rerum, sequi, nostrum
            numquam repellat aliquam ducimus fugit molestias voluptatum facere
            totam pariatur iure inventore nihil consectetur. Iste,
            exercitationem culpa. Nam, quae esse debitis, hic eaque quo ea
            maiores repudiandae optio necessitatibus facilis consectetur nobis
            magnam. Numquam molestiae nostrum laboriosam ad consequatur quasi
            inventore, commodi, ducimus reprehenderit nulla quae dolores iste
            culpa obcaecati pariatur velit rem magnam! In optio sequi vitae
            libero dolorem eligendi eos sunt sed ad. Incidunt ratione quisquam
            eius magni, voluptate vitae dolorum minima nostrum cupiditate ipsum
            fugiat, est nisi velit omnis consequuntur eos ut. Eligendi suscipit
            eaque quas rem! Eum culpa, autem rem quisquam modi dicta quas
            suscipit porro eligendi ducimus qui possimus laudantium repudiandae
            fugiat sapiente aliquid voluptate animi iure hic iste doloremque
            nisi a at quos? Atque, quae accusantium possimus libero aliquam
            commodi quisquam magni asperiores aperiam quibusdam voluptatibus
            tempora qui iusto architecto magnam eligendi exercitationem
            suscipit! Eligendi deleniti molestias, modi suscipit at sed aliquam
            similique tempora! Recusandae harum at necessitatibus itaque non
            totam cum expedita aliquam eveniet rerum repellat ipsa, enim tempore
            saepe, est quia fugiat delectus sed. Dolore officiis voluptatibus
            optio tempore temporibus! Atque sapiente ex exercitationem dolorum
            aperiam, quia mollitia officia quas? Consequatur alias ipsam
            voluptatum inventore eius vel rerum, veritatis delectus, quasi
            cumque sed laborum, unde quod officia iste provident veniam quas?
            Velit perferendis, accusantium excepturi perspiciatis dolore cumque.
            Quam mollitia ipsa perferendis autem, omnis debitis soluta provident
            quas assumenda delectus perspiciatis dicta totam aspernatur
            doloribus earum officiis illo adipisci praesentium maxime beatae!
            Nobis tempora dicta optio culpa harum, omnis natus in veniam unde
            cumque velit quos exercitationem eaque repellendus saepe, eum
            aliquam nesciunt ipsum minus vel explicabo dolor fugit expedita
            deleniti? Aspernatur esse, explicabo error ipsum tenetur ea quidem,
            nisi optio atque quia modi harum magni temporibus fuga officiis.
            Enim minima pariatur quisquam earum esse maiores debitis odit
            possimus, vitae consequuntur alias similique, totam provident.
            Soluta tenetur iure, voluptates sint dignissimos debitis commodi
            magnam illum nihil perferendis voluptatem?
          </div>
          <div class="modal-footer">
            <button type="button" class="btn btn-secondary" data-dismiss="modal">
              Закрыть
            </button>
          </div>
        </div>
      </div>
    </div>
    <!-- Modal -->
    <div class="modal fade" id="secondModal" tabindex="-1" aria-labelledby="secondModalLabel" aria-hidden="true" style="display: none;">
      <div class="modal-dialog">
        <div class="modal-content">
          <div class="modal-header">
            <button type="button" class="close" data-dismiss="modal" aria-label="Close">
              <span aria-hidden="true">×</span>
            </button>
          </div>
          <div class="modal-body">Lorem ipsum</div>
          <div class="modal-footer">
            <button type="button" class="btn btn-secondary" data-dismiss="modal">
              Закрыть
            </button>
          </div>
        </div>
      </div>
    </div>
    Lorem ipsum dolor sit, amet consectetur adipisicing elit. Officia voluptate
    quas eius quis! Doloremque, quaerat? Deserunt nulla fuga, consequuntur
    adipisci quam quo eaque cum officiis tenetur libero iusto assumenda
    corrupti. Molestiae aperiam modi, error reprehenderit hic praesentium, rem
    dolorum libero reiciendis totam itaque optio corporis enim nisi quisquam
    vitae dolor sint nam corrupti! Odio, perspiciatis corrupti accusamus
    recusandae asperiores libero. Fuga animi ut quidem. Accusamus enim inventore
    facilis quibusdam neque pariatur doloremque, expedita et reiciendis natus
    voluptas voluptatum nulla praesentium, ducimus, delectus ipsam. Sapiente hic
    deleniti tempora natus, quam cum veniam eius atque minima delectus
    architecto dolor iusto dolore debitis ea pariatur voluptatum corporis
    suscipit sed? Quos libero fugit sint cum aspernatur rerum eaque odit, nulla
    optio placeat laboriosam recusandae ratione delectus quidem perferendis
    beatae ipsa officiis nemo ab, doloribus aut consequuntur. Impedit deleniti
    dolorem, delectus, numquam reprehenderit voluptatum blanditiis ex tenetur
    accusamus rem fuga officia laboriosam perspiciatis vero facere. Corporis
    omnis iusto accusantium, dicta explicabo vel totam! Eum repudiandae odit
    deserunt veniam exercitationem. Nesciunt saepe doloremque molestias. Eaque
    incidunt necessitatibus deleniti neque molestiae esse corporis distinctio
    beatae? Libero, aliquid! Veritatis culpa debitis ratione ipsa voluptates
    earum id et illum, eligendi cum, nostrum saepe fugiat ipsum odio dolore
    dignissimos. Recusandae velit numquam sunt totam unde nesciunt dicta facere
    quas rerum. Ullam dolor assumenda quo fuga eaque corporis aspernatur!
    Ratione perspiciatis nostrum doloremque excepturi qui iusto explicabo, quia
    magni, quaerat ducimus maiores aspernatur suscipit sapiente eius cum sed
    atque, numquam perferendis corporis velit rem blanditiis. Reiciendis modi
    nam, quam fugiat qui facilis ducimus illum ad asperiores omnis iure neque
    harum mollitia deserunt consequuntur dignissimos ipsum. Eum omnis delectus
    incidunt doloribus accusamus, fugiat facere sunt repudiandae nobis,
    consectetur, quidem quis recusandae dolor ducimus quibusdam deserunt a
    distinctio nostrum neque. Nam neque iusto minus rerum, fuga totam eveniet
    suscipit sint deserunt eius possimus harum molestias quasi. Quo est quia
    laudantium in. Quibusdam accusamus adipisci aliquid iure inventore magnam
    architecto voluptatum tenetur, atque facilis, velit deleniti eveniet quos a
    dolor aspernatur harum, qui tempora quod fuga unde laborum. Ab eius numquam
    distinctio odio, dolor minus quae suscipit, hic voluptate, soluta non!
    Incidunt saepe officiis, totam cum fugiat corrupti praesentium beatae quasi
    temporibus dolor consectetur amet impedit quas minus numquam. Voluptates
    cumque saepe ab ex cum, sunt iusto fuga at fugit vitae minima nostrum rerum
    laborum error, debitis, expedita eligendi. Minima officiis ea dolorem
    dolorum quo voluptatibus vitae quasi vero corrupti sint. Nulla et sed
    laudantium, temporibus dignissimos ipsa dolorem soluta nihil officiis
    repellat voluptate illo ea eaque culpa exercitationem ullam nisi sunt
    consequatur, necessitatibus rem quisquam? Aperiam libero maiores sapiente
    minus exercitationem dolorem tenetur eius dignissimos dolore. Dolores
    quisquam iste voluptatum voluptate minus provident cumque, sint rem
    architecto inventore explicabo placeat aut fugiat pariatur possimus quod
    suscipit consequatur. Ducimus, a perspiciatis? Vitae quidem eum velit quam
    voluptatem numquam totam, architecto saepe omnis? Culpa enim corrupti
    ducimus, repellendus recusandae in et laboriosam iure vero voluptatibus
    laborum voluptatum nisi facilis quasi est facere error itaque optio
    explicabo vel sapiente inventore veniam. Impedit, sequi a. Fugit possimus
    sunt sint doloribus porro voluptatum voluptatem incidunt odio, id voluptates
    corrupti! Soluta facere ad recusandae dignissimos laboriosam natus
    necessitatibus, quisquam corrupti! Sit eaque perferendis voluptates corrupti
    modi molestias. Placeat et sapiente aliquid? Numquam blanditiis accusamus
    iusto alias provident, veritatis quis molestias in quo maxime
    necessitatibus? Necessitatibus, consectetur nisi! Laboriosam reprehenderit
    maiores consequuntur itaque fugit obcaecati distinctio culpa commodi sit
    ipsam, odio perspiciatis dolorem impedit deserunt excepturi assumenda
    repudiandae qui velit, sapiente perferendis! Suscipit a unde eligendi quas
    optio, distinctio, ad ipsum voluptas explicabo aut, quia ratione? Expedita
    error obcaecati illum dolorem sequi sapiente accusantium doloremque
    molestias cupiditate eos nostrum temporibus assumenda vel, recusandae
    aliquid alias natus commodi debitis esse perspiciatis ea eius asperiores
    voluptates. Reiciendis dolorem magni, ullam accusamus ab consequatur
    voluptate modi ea nisi obcaecati velit. Labore dolor ut nam facilis vel,
    dignissimos delectus. Cum architecto tempora officiis possimus accusamus
    totam voluptates eos natus hic, sapiente similique nemo atque deleniti
    blanditiis aut ut iste quo laborum soluta aspernatur placeat, obcaecati
    pariatur cumque. Accusamus qui animi dolorem delectus hic magni fugiat
    recusandae quo cupiditate at facilis eveniet, nihil ratione maiores. Culpa
    adipisci laborum vitae minima quis vero debitis illo unde placeat dolorem
    ducimus fugit sunt commodi suscipit, molestias consequuntur officia dicta
    quas quod, excepturi aspernatur recusandae! Quisquam, quam id possimus autem
    amet magnam iure velit nobis, ipsum sapiente, mollitia beatae. Animi odit
    nihil officiis. Tempora sed deleniti consequuntur architecto ullam possimus
    magnam repudiandae dolor inventore alias, aliquid autem nihil nulla odit,
    dicta nesciunt non, libero quibusdam nemo delectus ducimus temporibus id
    exercitationem. Praesentium, nostrum tempore obcaecati vitae natus,
    consequuntur perspiciatis necessitatibus maxime consequatur perferendis
    autem! Qui quisquam assumenda, illum eaque eligendi iusto iure, modi
    veritatis quia accusantium provident. Minima error obcaecati reprehenderit
    aliquam dolor aliquid sunt iure neque. Labore magni quibusdam itaque quidem
    ea sit optio quaerat. Repudiandae ex reiciendis dolores minus? Unde ducimus,
    cumque sapiente cum blanditiis voluptates ex vitae odio expedita? Minus,
    similique? Debitis dolor earum quod in sint quaerat culpa, dignissimos fuga
    cupiditate tempora quo perspiciatis suscipit. Explicabo, illo ut! Deleniti
    dolore repellat beatae? Excepturi vero vel a maiores omnis officia,
    consectetur alias mollitia, voluptate animi magni ipsam velit exercitationem
    atque adipisci maxime consequuntur ullam laudantium. Obcaecati ab
    dignissimos hic voluptatum ad unde quidem, tenetur molestiae sed velit
    reprehenderit fugit, qui provident minima! Expedita possimus, iure eaque
    vero numquam odit! Adipisci similique sit vel architecto enim, magnam eum
    eligendi veritatis dolorem officia, at maxime laudantium suscipit optio
    quam? Vel nobis perferendis facere alias sunt magnam ab consectetur numquam
    quis, tempora sapiente illo ea voluptas suscipit odit placeat? Inventore
    tenetur minima molestiae tempore, dignissimos minus aliquid amet nobis
    distinctio cupiditate perspiciatis error ullam neque pariatur aliquam quas
    obcaecati, totam laudantium! Dolorem vero atque repudiandae distinctio ut
    expedita laudantium molestias officiis quia, laboriosam, omnis tempore nisi
    labore sapiente. Sequi necessitatibus distinctio, reprehenderit dolor quia
    nostrum omnis molestiae inventore nulla corrupti pariatur dignissimos fuga.
    Quae iure veritatis veniam nemo distinctio, blanditiis consequuntur et
    molestias autem possimus, ut vel nihil aliquid cum excepturi repudiandae
    soluta iusto sapiente necessitatibus non. Assumenda rem impedit natus, totam
    provident cumque ut ratione molestias dolor aspernatur excepturi id possimus
    adipisci eveniet nesciunt facere ea vel eum placeat culpa porro! Deleniti
    veniam vitae repellat possimus tenetur corporis iure saepe totam veritatis
    eum, quibusdam sapiente perspiciatis. Id nam nisi, cupiditate possimus saepe
    ratione vitae magnam consequuntur voluptatem dolore enim rem, fuga
    distinctio sunt culpa sint harum sed. Vel ducimus iusto fugit? Eius nobis
    nihil et quidem magni nostrum aperiam, tenetur cum necessitatibus commodi
    quis quam aspernatur quasi sint laboriosam error obcaecati praesentium rerum
    nam laudantium assumenda accusamus officiis dolore sapiente? Quisquam quis
    consequatur dicta labore illum reiciendis quo, dolores ipsam similique! Quos
    eum assumenda fugiat excepturi, inventore illum culpa earum neque dolore,
    voluptatibus, nisi nam ipsam fugit sed incidunt saepe minus corporis
    suscipit magni consequatur maxime aliquam! Nulla repudiandae ut iure officia
    earum vitae fuga debitis eius. Eius distinctio officiis corporis aperiam
    nam, tempora culpa pariatur mollitia reprehenderit aspernatur facere
    doloribus laudantium consequuntur minima, exercitationem iusto alias natus
    ad. Esse maxime consequuntur quisquam nisi suscipit ullam quidem possimus
    cum culpa, beatae, alias harum accusamus! Ducimus saepe vel molestiae ad?
    Iusto porro quisquam accusantium officia accusamus consequatur provident
    laboriosam voluptates repellat ex iure exercitationem, dignissimos doloribus
    natus aliquid tempore eum alias pariatur similique dolor ipsam autem minus?
    Error ad quibusdam incidunt neque eveniet iure voluptates deserunt qui quod
    quam, nostrum minus, unde ipsam aliquam facilis, voluptatibus odit dicta ea
    similique nihil nobis architecto. Nesciunt, quo vitae obcaecati optio nemo
    voluptates rerum asperiores, ullam soluta, ab natus odit hic nam unde ipsam
    veritatis sint consequuntur. Pariatur laudantium consequuntur quod in cum
    eius aperiam sed autem ipsum maxime. Nulla perspiciatis vel magni, eveniet
    mollitia iure. Aliquam dolore optio quibusdam nulla. Nulla, laborum
    reprehenderit? Officia illo, totam officiis sapiente quia vel inventore
    natus accusantium a commodi suscipit provident aperiam esse pariatur,
    nostrum magnam eveniet ab voluptatem, explicabo consequatur repudiandae? Ex
    natus eligendi fugit harum ea, sunt consequatur nostrum eaque suscipit
    facere! Ipsa cumque obcaecati optio sunt tempore excepturi consequuntur
    doloremque placeat incidunt, vitae provident officia ducimus distinctio
    fuga, molestiae laborum fugit corrupti, inventore eaque dolorem quia error?
    Molestiae corrupti earum quod aliquid est, doloribus, quas soluta,
    recusandae sequi corporis aperiam omnis in laudantium architecto nihil illo
    aut eaque asperiores. Consequatur quod nesciunt labore? Ipsum rerum
    reprehenderit quas neque blanditiis. Totam, officia, repudiandae fugit harum
    distinctio esse minima laborum minus, aliquid pariatur repellat mollitia.
    Magni, eum. Id provident quas quaerat maxime illo ducimus? Harum eligendi
    voluptate, maxime expedita repudiandae voluptatem tempora necessitatibus sed
    officiis dolorum quam quos, voluptatibus dicta reiciendis velit alias
    voluptates voluptas nam repellendus, eveniet porro aut iure quidem! Officiis
    porro quis accusamus dolorum? Et, est illum dolore vel aspernatur harum
    ducimus autem consequatur. Nulla quae dolor distinctio aut tempore debitis
    sed nam vero eum, iusto deserunt quia eligendi at quas dolore porro incidunt
    provident? Nulla eum quis cum voluptatem pariatur necessitatibus ratione,
    explicabo natus modi! Consectetur, aperiam. Explicabo ratione reiciendis
    delectus eaque obcaecati vitae commodi animi velit porro non quis, nemo
    facere quam qui iusto quasi quaerat? Accusantium voluptatibus soluta beatae
    ut architecto hic ab et corrupti, recusandae, impedit a sequi rerum animi
    esse perspiciatis reiciendis maiores minus commodi quidem. Veniam earum
    impedit, temporibus enim eius delectus, ea dicta quas, qui similique
    voluptas excepturi modi! Error repellendus accusantium veniam inventore
    culpa odit recusandae adipisci exercitationem, eveniet, nobis laboriosam,
    consequatur eos itaque esse unde ex? Exercitationem omnis odio illo minus
    consectetur. Cumque a sint similique, natus porro aliquam laboriosam
    suscipit iure deleniti enim quisquam, alias ut consequuntur odio at,
    voluptate dolor quia assumenda eaque dolores et fugit ducimus soluta. Ipsa
    iure quos optio, autem perferendis commodi libero consectetur aut doloremque
    culpa dolorum rerum eos labore tempora non aspernatur neque, a laborum
    laboriosam, dolore atque odit. Corporis vero quo reprehenderit libero, saepe
    quibusdam alias inventore harum labore error rem iure? Necessitatibus cumque
    consequatur unde illo beatae provident est nam at veritatis, velit id
    laboriosam, veniam et exercitationem, voluptatem voluptatum hic? Nam
    blanditiis id, dicta omnis totam temporibus deserunt, culpa tempora magnam
    incidunt reiciendis quibusdam necessitatibus! Cum sint vero similique
    doloremque impedit accusamus odio autem libero cumque quo ipsa incidunt
    rerum obcaecati nemo optio possimus, laudantium facilis praesentium
    provident placeat, sed animi ipsum aspernatur beatae? Ratione, odio sed
    quibusdam veniam porro quia ab soluta praesentium natus culpa veritatis
    corrupti nisi odit iusto fuga dolorem consequatur atque distinctio ex! Sequi
    minima ut tenetur. A, labore! Veniam, sequi! Est pariatur inventore facilis
    magnam hic recusandae eligendi minima debitis nesciunt quo totam aspernatur
    odio exercitationem ipsum nemo aliquam nihil assumenda, sequi, eaque alias
    expedita. Ratione, illum. Quos officiis, sit deserunt saepe, in, esse
    voluptatibus soluta ipsam dolore tenetur doloremque possimus architecto
    assumenda fuga asperiores ab eius vitae maiores? Veritatis saepe a autem
    incidunt alias delectus fuga dicta reiciendis, quis dolorem repudiandae
    inventore nisi vero corporis blanditiis officiis perspiciatis itaque
    architecto voluptates! Obcaecati ipsa, numquam enim expedita beatae, quo,
    praesentium culpa velit aperiam nisi molestias modi quos incidunt nulla nam
    maiores consectetur! Ea dolorem ipsam ut eaque perspiciatis natus ex, sit
    ipsum soluta ducimus quod ipsa itaque, provident consectetur blanditiis
    molestiae doloremque architecto tempora praesentium ullam. Vel tenetur
    nesciunt maiores dolorem mollitia vero corporis assumenda quo commodi
    maxime? Consequatur molestias impedit inventore ullam, porro, voluptatem
    laudantium deserunt, consequuntur eligendi blanditiis illo aspernatur! Error
    labore, quo hic quis, harum omnis deserunt distinctio a corrupti velit
    asperiores! Molestiae, deserunt eligendi. Consequatur vitae voluptatum,
    dicta vero perferendis mollitia illo quis, quod maiores animi magni enim
    officiis! Asperiores delectus odio laboriosam fugiat porro voluptatibus
    omnis voluptatum, illo praesentium amet atque tenetur vel nisi iure facere
    adipisci sed ducimus ipsam labore accusantium in consequuntur ab quisquam
    cum. Alias ipsum cumque blanditiis ullam. Optio itaque numquam dolorem nemo
    autem quod, quas veniam, ea, quisquam amet magnam. Sequi, adipisci provident
    aperiam perferendis veniam consectetur et distinctio quia magni maxime
    culpa, neque alias ducimus minima ut ad quo quasi expedita! Quas, iure
    architecto numquam, voluptas voluptatem atque est molestiae doloribus eaque
    officiis adipisci sequi perferendis, rem ullam aliquid omnis quidem
    voluptates tempore odio. Molestias iure dignissimos quod explicabo ullam
    illo qui velit, fuga quae facilis neque molestiae voluptatem ex itaque
    accusantium ipsum sunt quia laborum saepe veritatis magni? Suscipit amet,
    perferendis molestiae aspernatur laborum quia nesciunt, nobis molestias sit
    eaque impedit quo, totam modi cupiditate? Iste, explicabo corrupti, officia
    ullam nam earum tempore quaerat quis fugit velit consectetur, sapiente
    necessitatibus quisquam! Debitis, doloribus!
    <!-- Optional JavaScript -->
    <!-- jQuery first, then Popper.js, then Bootstrap JS -->
    
  

              
            
!

CSS

              
                
              
            
!

JS

              
                $('#secondModal').on('hidden.bs.modal', function (e) {

      $('body').addClass('modal-open');

});
              
            
!
999px

Console