INU Login Sign up
Login Or Sign up

Answers for "bootstrap modal taking action upon clicking buttons"

Html
1

modal by clicking button

<!-- Button trigger modal -->
<button type="button" class="btn btn-primary" data-bs-toggle="modal" data-bs-target="#exampleModal">
  Launch demo modal
</button>

<!-- Modal -->
<div class="modal fade" id="exampleModal" tabindex="-1" aria-labelledby="exampleModalLabel" aria-hidden="true">
  <div class="modal-dialog">
    <div class="modal-content">
      <div class="modal-header">
        <h5 class="modal-title" id="exampleModalLabel">Modal title</h5>
        <button type="button" class="btn-close" data-bs-dismiss="modal" aria-label="Close"></button>
      </div>
      <div class="modal-body">
        ...
      </div>
      <div class="modal-footer">
        <button type="button" class="btn btn-secondary" data-bs-dismiss="modal">Close</button>
        <button type="button" class="btn btn-primary">Save changes</button>
      </div>
    </div>
  </div>
</div>
Posted by: Guest on July-02-2021
0

open modal on card click bootstrap

<!-- Trigger the modal with a button -->
<button type="button" class="btn btn-info btn-lg center-block" data-toggle="modal" data-target="#myModal">Open Modal</button>

<!-- Modal -->
<div id="myModal" class="modal fade" role="dialog">  
  <div class="modal-dialog">    
    <div class="modal-content">      
      <div class="modal-header card-header-title">        
        <h4 class="modal-title card-element-title">pick your locker side</h4>      
      </div>      
      <div class="modal-body">        
        <div class="card-content clearfix">          
          <div id="A" class="card left-half">a</div>          
          <div id="B" class="card right-half">b</div>          
          <div id="C" class="card left-half">c</div>          
          <div id="D" class="card right-half">d</div>        
        </div>      
      </div>    
    </div>  
  </div>
</div>
Posted by: Guest on February-12-2021

Code answers related to "bootstrap modal taking action upon clicking buttons"

Code answers related to "Html"

Browse Popular Code Answers by Language

Python
Javascript
Whatever
Shell/Bash
CSS
Html
PHP
SQL
Java
C#

Popular Programming Languages

Abap ActionScript Assembly BASIC C C# C++ Clojure Cobol CSS Dart Delphi Elixir Erlang F# Fortran Go Groovy Haskell Html Java Javascript Julia Kotlin Lisp Lua Matlab Objective-C Pascal Perl PHP Prolog Python R Ruby Rust Scala Scheme Shell/Bash SQL Swift TypeScript VBA Whatever

Advertisements

290x500

Company

Compilers

Help

Connect with us

footer logo

Copyright © 2021 Codeinu