Rumah  >  Soal Jawab  >  teks badan

Bagaimana untuk mengkonfigurasi bootstrap untuk php

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?

P粉418351692P粉418351692284 hari yang lalu449

membalas semua(1)saya akan balas

  • P粉587970021

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

    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.

    balas
    0
  • Batalbalas