login کردن
سلام خسته نباشید .. من یه صفحه لاگین دارم که با فرم درست کردم ولی به container خودم این کلاس های رو دادم
<"div class="container d-flex justify-content-center>
و به خود تگ فرم هم "class="mx-auto دادم ولی هنوز مرکز صفحه نیومد... چه طوری باید اینو بگم؟
گزینش سوالات
گفت و گو های مرتبط
دسته بندی سوالات
تگ‌های محبوب
سلام یک مقدار سخت هست در این حالت به شما کمک کردن چون به خیلی چیزها میتونه مربوط باشه باید عملا دید اگر پروژه بزرگی نیست و در حد تمرین هست پیشنهاد میکنم کدتون رو در codepen بزارید و لینکشو اینجا تا بتونیم چک کنید.
در container هم از d-flex استفاده نکنید یک div فرزند ایجاد کنید و داخل اون row و بعد d-flex و بعد داخلش فرم
ببینید، سوال تون یک مسئله ی پایه ای هستش که با تسلط به ساختار شبکه بندی بوت استرپ به سادگی براتون حل میشه.
پیشنهاد می کنم این جلسات آموزشی ترجمه شده به فارسی رو بخونید تا روی ساختار شبکه بندی بوت استرپ مسلط بشید.
بعدش مطمئنا جواب این سوال تون رو هم خواهید گرفت:
جلسات اصلی به زبان انگلیسی:
https://www.w3schools.com/bootstrap4/bootstrap_grid_system.asp
ترجمه شده به فارسی (از جلسه 34 تا جلسه ی 41):
http://pvlearn.com/product/سیستم-grid-در-bootstrap-4/
<!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><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>