Heim  >  Fragen und Antworten  >  Hauptteil

So konfigurieren Sie Bootstrap für PHP

Ich habe gerade versucht, mit PHP und Bootstrap zu beginnen, aber aus irgendeinem Grund erkennt meine Website Bootstrap nicht. Es verwendet nicht sein Design, sondern einfaches HTML. das ist meins index.php sieht so aus:

<!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>

So soll die Seite als Komponente aussehen:

<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>

Kann sich jemand meinen Fehler ansehen und mir sagen, was falsch ist?

P粉418351692P粉418351692238 Tage vor410

Antworte allen(1)Ich werde antworten

  • P粉587970021

    P粉5879700212024-01-30 00:18:26

    从您发布的内容来看,没有任何问题。

    您可能需要检查您的互联网连接以及浏览器。在这里尝试一下效果非常好。如果问题仍然存在,请尝试下载 bootstrap zip 包,在项目目录中打开它并手动将其链接到您的页面。

    Antwort
    0
  • StornierenAntwort