Maison  >  Questions et réponses  >  le corps du texte

Comment configurer le bootstrap pour php

Je viens d'essayer de démarrer avec php et bootstrap mais pour une raison quelconque, mon site ne reconnaît pas bootstrap. Il n'utilise pas son design mais du simple HTML. c'est à moi index.php ressemble à :

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

Voici à quoi je veux que la page ressemble en tant que composant :

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

Quelqu'un peut-il examiner mon erreur et me dire ce qui ne va pas ?

P粉418351692P粉418351692288 Il y a quelques jours455

répondre à tous(1)je répondrai

  • P粉587970021

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

    D'après ce que vous avez posté, il n'y a rien de mal à cela.

    Vous devrez peut-être vérifier votre connexion Internet ainsi que votre navigateur. Je l'ai essayé ici et cela a très bien fonctionné. Si le problème persiste, essayez de télécharger le package zip bootstrap, de l'ouvrir dans le répertoire du projet et de le lier manuellement à votre page.

    répondre
    0
  • Annulerrépondre