Sütün İşlemleri (Coulumns)
Örnek
<!DOCTYPE html> <html> <head> <title>TODO supply a title</title> <meta charset="UTF-8"> <meta name="viewport" content="width=device-width, initial-scale=1.0"> <link rel="stylesheet" href="bootstrap-5.3.5-dist/css/bootstrap.min.css"> <style> </style> </head> <body> <div class="container text-center bg-warning" style="height:500px"> <select id="Secici" class="mb-5"> <option>justify-content-start</option> <option>justify-content-center</option> <option>justify-content-end</option> <option>justify-content-around</option> <option>justify-content-between</option> <option>justify-content-evenly</option> </select> <div class="row" id="Row"> <div class="col-2 bg-info p-3"> One of two columns </div> <div class="col-2 bg-success p-3"> One of two columns </div> <div class="col-2 bg-secondary p-3"> One of three columns </div> </div> </div> </body> </html> <script> document.querySelector("#Secici").addEventListener('change', function() { //alert(this.options[this.selectedIndex].value); document.querySelector("#Row").className = "row " + this.options[this.selectedIndex].value; });</script> <script src="bootstrap-5.3.5-dist/js/bootstrap.bundle.min.js></script>
Örnek
