我只是尝试从 php 和 bootstrap 开始,但由于某种原因我的网站无法识别 bootstrap。它不使用它的设计,而是使用简单的 html。这就是我的 index.php 看起来像:
<!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>
这就是我想要用作组件的页面的外观:
<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>
有人可以看看我的错误并告诉我出了什么问题吗?
P粉5879700212024-01-30 00:18:26
从您发布的内容来看,没有任何问题。
您可能需要检查您的互联网连接以及浏览器。在这里尝试一下效果非常好。如果问题仍然存在,请尝试下载 bootstrap zip 包,在项目目录中打开它并手动将其链接到您的页面。