主刀片中的登录表单仍然锚定在左侧,我需要将其放在页面的中心,您可以帮助我吗?整个完整视图位于存储库中
我尝试了网格和样式,但失败了,这是一个用于phpvms7的视图
感谢那些谁回答
这是代码和视图repository:
@extends('app')
@section('title', __('home.welcome.title'))
@section('content')
<div class="form">
<h1>@lang('common.login')</h1>
@if(Auth::check())
{{-- Itera sugli utenti solo se l'utente è autenticato --}}
@foreach($users as $user)
<!-- Codice per visualizzare gli utenti autenticati -->
@endforeach
@else
<div class="card">
<div class="card-body">
<form method="POST" action="{{ route('login') }}">
<div class="form-group" style="max-width: 100%;">>
<label for="email">@lang('common.email')</label>
<input type="email" name="email" id="email" class="form-control" required>
</div>
<div class="form-group">
<label for="password">@lang('Password')</label>
<input type="password" name="password" id="password" class="form-control" required>
</div>
<button type="submit" class="btn btn-primary btn-block">@lang('common.login')</button>
</form>
</div>
</div>
@endif
</div>
</div>
@endsection
字符串
page的
3条答案
按热度按时间w8biq8rn1#
尝试使用Bootstrap的实用程序类
因此,将此添加到您的主刀片布局的头部
字符串
你的代码应该看起来像这样:
型
hsvhsicv2#
你可以使用flexbox将所有内容居中。只需将表单 Package 在一个容器中:
把这个css添加到你的stylsheet中:
字符串
下面是使用flexbox Package 器修改后的刀片模板代码:
型
z18hc3ub3#
我通过下载 Bootstrap 文件并在其中创建一个cardform来解决它,谢谢你的答案