login کردن

- 3 هفته پیش
توسط عبدالله آپدیت شد
Mozhgan Nematnezhad ( 2040 تجربه )
3 هفته پیش

سلام خسته نباشید .. من یه صفحه لاگین دارم که با فرم درست کردم ولی به container خودم این کلاس های رو دادم
<"div class="container d-flex justify-content-center>
و به خود تگ فرم هم "class="mx-auto دادم ولی هنوز مرکز صفحه نیومد... چه طوری باید اینو بگم؟

حسام موسوی ( 207394 تجربه )
3 هفته پیش
تخصص : طراح و برنامه نویس

سلام یک مقدار سخت هست در این حالت به شما کمک کردن چون به خیلی چیزها میتونه مربوط باشه باید عملا دید اگر پروژه بزرگی نیست و در حد تمرین هست پیشنهاد میکنم کدتون رو در codepen بزارید و لینکشو اینجا تا بتونیم چک کنید.
در container هم از d-flex استفاده نکنید یک div فرزند ایجاد کنید و داخل اون row و بعد d-flex و بعد داخلش فرم

میلاد ( 99530 تجربه )
3 هفته پیش
تخصص : طراح رابط کاربری - Front-End

ببینید، سوال تون یک مسئله ی پایه ای هستش که با تسلط به ساختار شبکه بندی بوت استرپ به سادگی براتون حل میشه.
پیشنهاد می کنم این جلسات آموزشی ترجمه شده به فارسی رو بخونید تا روی ساختار شبکه بندی بوت استرپ مسلط بشید.
بعدش مطمئنا جواب این سوال تون رو هم خواهید گرفت:

جلسات اصلی به زبان انگلیسی:
https://www.w3schools.com/bootstrap4/bootstrap_grid_system.asp

ترجمه شده به فارسی (از جلسه 34 تا جلسه ی 41):
http://pvlearn.com/product/سیستم-grid-در-bootstrap-4/

Mozhgan Nematnezhad ( 2040 تجربه )
3 هفته پیش
<!DOCTYPE html>
<html lang="fa" dir="rtl">
<head>
    <meta charset="UTF-8">
    <meta name="viewport" content="width=device-width, initial-scale=1.0">
    <meta http-equiv="X-UA-Compatible" content="ie=edge">
    <link  rel="stylesheet" href="../style/bootstrap.min.css"/>
    <title>login</title>
</head>
<body>
        <div class="container d-flex  justify-content-center">
           <div class="row">
            <div class="card shadow "  style="width:40rem">
                <form action="login.php" method="post" style="width:25rem" class="mx-auto ">
                    <div class="form-group  row">
                        <label for="email">ایمیل:</label>
                        <input type="email"  name="user_email" id="email" class="form-control" placeholder="لطفا ایمیل خود را وارد کنید"><br><br>
                    </div>

                    <div class="form-group row ">
                        <label for="pass">پسورد:</label>
                        <input type="password"  name="user_password" id="pass"  class="form-control" placeholder="لطفا پسورد خود را وارد کنید"><br><br>
                    </div>

                    <div class="form-group row">
                    <button type="submit"  class="btn btn-primary " name="login" value="ورود">ورود </button>
                    </div> 
                </form>
            </div>
        </div>
        </div>
Mozhgan Nematnezhad ( 2040 تجربه )
3 هفته پیش
عبدالله ( 2384 تجربه )
3 هفته پیش
<div class="container">
    <div class="row bg-light py-5 d-flex justify-content-center">
        <form action="#" method="post" style="flex-basis:40%;">
            <div class="form-group  row">
                <label for="email">ایمیل:</label>
                <input type="email" name="user_email" id="email" class="form-control" placeholder="لطفا ایمیل خود را وارد کنید"><br><br>
            </div>

            <div class="form-group row ">
                <label for="pass">پسورد:</label>
                <input type="password" name="user_password" id="pass" class="form-control" placeholder="لطفا پسورد خود را وارد کنید"><br><br>
            </div>

            <div class="form-group row">
                <button type="submit" class="btn btn-primary " name="login" value="ورود">ورود </button>
            </div>
        </form>
    </div>
</div>
برای ارسال پاسخ باید وارد سایت شوید