Category : bootstrap-4

So before checking before_checking and after checking after checking. So far I have written the following code:- <!DOCTYPE html> <html lang="en"> <head> <title>Check Box using jQuery</title> </head> <body> <form id="form"> <input type="checkbox" id="red" name="red" value="Red"/>Red <input type="checkbox" id="green" name="green" value="Green"/>Green <input type="checkbox" id="blue" name="blue" value=" Blue"/>Blue <input type="checkbox" id="black" name="black" value="Black"/>Black<br/> </form> <div id="result">0 boxes ..

Read more

I tried to apply this code to the navigation bar, but I can’t apply it to the default navigation bar from bootsrap. Can someone explain to me why it doesn’t work? https://www.codingflicks.com/2020/09/navbar-animation-with-moving-hover-effect.html <link rel=”stylesheet” href=”https://maxcdn.bootstrapcdn.com/bootstrap/4.0.0/css/bootstrap.min.css” integrity=”sha384-Gn5384xqQ1aoWXA+058RXPxPg6fy4IWvTNh0E263XmFcJlSAwiGgFAW/dAiS6JXm” crossorigin=”anonymous”> <script src=”https://code.jquery.com/jquery-3.2.1.slim.min.js” integrity=”sha384-KJ3o2DKtIkvYIK3UENzmM7KCkRr/rE9/Qpg6aAZGJwFDMVNA/GpGFF93hXpG5KkN” crossorigin=”anonymous”></script> <script src=”https://cdnjs.cloudflare.com/ajax/libs/popper.js/1.12.9/umd/popper.min.js” integrity=”sha384-ApNbgh9B+Y1QKtv3Rn7W3mgPxhU9K/ScQsAP7hUibX39j7fakFPskvXusvfa0b4Q” crossorigin=”anonymous”></script> <script src=”https://maxcdn.bootstrapcdn.com/bootstrap/4.0.0/js/bootstrap.min.js” integrity=”sha384-JZR6Spejh4U02d8jOt6vLEHfe/JQGiRRSQQxSfFWpi1MquVdAyjUar5+76PVCmYl” crossorigin=”anonymous”></script> <nav class=”navbar navbar-expand-lg navbar-light sticky-top” style=”background-color: ..

Read more

I need to display table row td data in bootstrap 4 modal after click on show data link. html: <table class="table table-bordered"> <tbody> <tr> <td data-title="title">test</td> <td data-title="size">14</td> <td data-title="attribute">-</td> <td data-title="height">120</td> <td data-title="price">4000</td> <td data-title="action"><a data-toggle="modal" data-target="#detailsModal" href="javascript:void(0);">show data</a></td> </tr> <tr> <td data-title="title">test1</td> <td data-title="size">12</td> <td data-title="attribute">-</td> <td data-title="height">150</td> <td data-title="price">6000</td> <td data-title="action"><a data-toggle="modal" ..

Read more