<meta name="viewport" content="width=device-width, initial-scale=1">
<title>Bootstrap5 水平表单布局 - 迹忆客(jiyik.com)</title>
<link href="https://cdn.jsdelivr.net/npm/bootstrap@5.0.2/dist/css/bootstrap.min.css" rel="stylesheet">
<script src="https://cdn.jsdelivr.net/npm/bootstrap@5.0.2/dist/js/bootstrap.bundle.min.js"></script>
<form action="/examples/actions/confirmation.php" method="post">
<label for="inputEmail" class="col-sm-2 col-form-label">Email</label>
<input type="email" class="form-control" id="inputEmail" placeholder="Email" required>
<label for="inputPassword" class="col-sm-2 col-form-label">Password</label>
<input type="password" class="form-control" id="inputPassword" placeholder="Password" required>
<div class="col-sm-10 offset-sm-2">
<input class="form-check-input" type="checkbox" id="checkRemember">
<label class="form-check-label" for="checkRemember">记住我</label>
<div class="col-sm-10 offset-sm-2">
<button type="submit" class="btn btn-primary">登录</button>
