Bootstrap ialah perpustakaan bahagian hadapan untuk membangunkan reka bentuk web responsif. Ia menyediakan rangka kerja CSS dan JS yang matang, menjadikan pembangunan tapak web lebih mudah dan pantas. Untuk pengaturcara PHP, adalah sangat membantu untuk membiasakan diri dengan operasi Bootstrap. Jadi apakah operasi Bootstrap biasa dalam pengaturcaraan PHP? Mari kita bincangkan bersama.
<link rel="stylesheet" href="https://cdn.bootcss.com/bootstrap/3.3.7/css/bootstrap.min.css"> <script src="https://cdn.bootcss.com/jquery/2.1.1/jquery.min.js"></script> <script src="https://cdn.bootcss.com/bootstrap/3.3.7/js/bootstrap.min.js"></script>
Jika anda menggunakan fail sumber tempatan, anda boleh memuat turun fail ke projek dan menambahnya dalam pengepala Kod berikut:
<link rel="stylesheet" href="path/to/bootstrap.min.css"> <script src="path/to/jquery.min.js"></script> <script src="path/to/bootstrap.min.js"></script>
<ul class="nav nav-tabs"> <li class="active"><a href="#">Home</a></li> <li><a href="#">Profile</a></li> <li><a href="#">Messages</a></li> </ul>
<table class="table table-striped"> <thead> <tr> <th>#</th> <th>First Name</th> <th>Last Name</th> <th>Username</th> </tr> </thead> <tbody> <tr> <td>1</td> <td>Mark</td> <td>Otto</td> <td>@mdo</td> </tr> <tr> <td>2</td> <td>Jacob</td> <td>Thornton</td> <td>@fat</td> </tr> <tr> <td>3</td> <td>Larry</td> <td>the Bird</td> <td>@twitter</td> </tr> </tbody> </table>
<form> <div class="form-group"> <label for="exampleInputName1">Name</label> <input type="text" class="form-control" id="exampleInputName1" placeholder="Enter name"> </div> <div class="form-group"> <label for="exampleInputEmail1">Email</label> <input type="email" class="form-control" id="exampleInputEmail1" placeholder="Enter email"> </div> <div class="form-group"> <label for="exampleInputPassword1">Password</label> <input type="password" class="form-control" id="exampleInputPassword1" placeholder="Password"> </div> <div class="form-group"> <label for="exampleInputFile">File input</label> <input type="file" id="exampleInputFile"> <p class="help-block">Example block-level help text here.</p> </div> <div class="checkbox"> <label> <input type="checkbox"> Check me out </label> </div> <button type="submit" class="btn btn-default">Submit</button> </form>
<div class="modal fade" tabindex="-1" role="dialog" aria-labelledby="myModalLabel"> <div class="modal-dialog" role="document"> <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> <h4 class="modal-title" id="myModalLabel">Modal title</h4> </div> <div class="modal-body"> <p>Modal body text goes here.</p> </div> <div class="modal-footer"> <button type="button" class="btn btn-default" data-dismiss="modal">Close</button> <button type="button" class="btn btn-primary">Save changes</button> </div> </div> </div> </div>
Di atas adalah operasi Bootstrap biasa dalam pengaturcaraan PHP. Memandangkan Bootstrap terus dikemas kini, kami juga boleh mempelajari penggunaan yang lebih maju untuk menyesuaikan diri dengan keperluan pembangunan yang berubah-ubah.
Atas ialah kandungan terperinci Apakah operasi Bootstrap biasa dalam pengaturcaraan PHP?. Untuk maklumat lanjut, sila ikut artikel berkaitan lain di laman web China PHP!