Bagaimana untuk mengkonfigurasi bootstrap untuk php
P粉418351692
P粉418351692 2024-01-29 09:05:58
0
1
497

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

membalas semua(1)
P粉587970021

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.

Muat turun terkini
Lagi>
kesan web
Kod sumber laman web
Bahan laman web
Templat hujung hadapan