Comment configurer le bootstrap pour php
P粉418351692
P粉418351692 2024-01-29 09:05:58
0
1
478

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粉418351692
P粉418351692

répondre à tous(1)
P粉587970021

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.

Derniers téléchargements
Plus>
effets Web
Code source du site Web
Matériel du site Web
Modèle frontal