Saya baru cuba bermula dengan php dan bootstrap tetapi atas sebab tertentu tapak saya tidak mengenali bootstrap. Ia tidak menggunakan reka bentuknya tetapi html mudah. ini saya punya index.php kelihatan seperti:
<!DOCTYPE html> <html lang="en"> <head> <link href="https://cdn.jsdelivr.net/npm/bootstrap@5.2.0-beta1/dist/css/bootstrap.min.css" rel="stylesheet" integrity="sha384-0evHe/X+R7YkIZDRvuzKMRqM+OrBnVFBL6DOitfPri4tjfHxaWutUpFmBp4vmVor" crossorigin="anonymous"> <title></title> </head> <body> <script src="https://cdn.jsdelivr.net/npm/@popperjs/core@2.11.5/dist/umd/popper.min.js" integrity="sha384-Xe+8cL9oJa6tN/veChSP7q+mnSPaj5Bcu9mPX5F5xIGE0DVittaqT5lorf0EI7Vk" crossorigin="anonymous"></script> <script src="https://cdn.jsdelivr.net/npm/bootstrap@5.2.0-beta1/dist/js/bootstrap.min.js" integrity="sha384-kjU+l4N0Yf4ZOJErLsIcvOU2qSb74wXpOhqTvwVx3OElZRweTnQ6d31fXEoRD1Jy" crossorigin="anonymous"></script> </body> </html>
Inilah yang saya mahu halaman kelihatan seperti komponen:
<form role="form" method="post" action="<?php echo htmlspecialchars($_SERVER["PHP_SELF"]);?>"> <div class="form-group row"> <label for="inputEmail" class="col-sm-2 col-form-label">Email</label> <div class="col-sm-10"> <input type="email" class="form-control" id="inputEmail" name="email" placeholder="Email"> </div> </div> <div class="form-group row"> <label for="inputUser" class="col-sm-2 col-form-label">User Name</label> <div class="col-sm-10"> <input type="text" class="form-control" id="inputUser" name="user" placeholder="Username"> </div> </div> <div class="form-group row"> <label for="inputPassword3" class="col-sm-2 col-form-label">Password</label> <div class="col-sm-10"> <input type="password" class="form-control" id="inputPassword" name="password" placeholder="Password"> </div> </div> <div class="form-group row"> <div class="offset-sm-2 col-sm-10"> <input type="submit" value="Sign in" name="submit" class="btn btn- primary"/> </div> </div> </form>
Bolehkah seseorang melihat kesilapan saya dan memberitahu saya apa yang salah?
Daripada apa yang anda siarkan, tidak ada yang salah dengannya.
Anda mungkin perlu menyemak sambungan internet anda serta penyemak imbas anda. Mencubanya di sini dan ia berfungsi dengan baik. Jika masalah berterusan, cuba muat turun pakej zip bootstrap, buka dalam direktori projek dan pautkannya ke halaman anda secara manual.