Html 带引导的登录表单
我用bootstrap创建了一个简单的登录表单,代码如下:Html 带引导的登录表单,html,css,twitter-bootstrap,login,twitter-bootstrap-3,Html,Css,Twitter Bootstrap,Login,Twitter Bootstrap 3,我用bootstrap创建了一个简单的登录表单,代码如下: {% block stylesheets %} <link href="{{asset('bundles/examens/css/style_ar.css') }}" rel="stylesheet" type="text/css" media="all"> <link href="{{asset('bundles/examens/bootstrap/css/bootstrap.min.css') }}" rel="s
{% block stylesheets %}
<link href="{{asset('bundles/examens/css/style_ar.css') }}" rel="stylesheet" type="text/css" media="all">
<link href="{{asset('bundles/examens/bootstrap/css/bootstrap.min.css') }}" rel="stylesheet" type="text/css" media="all">
<link href="{{asset('bundles/examens/bootstrap/css/bootstrap.css') }}" rel="stylesheet" type="text/css" media="all">
<link href="{{asset('bundles/examens/bootstrap/css/bootstrap-responsive.min.css') }}" rel="stylesheet" type="text/css" media="all">
<link href="{{asset('bundles/examens/bootstrap/css/bootstrap-responsive.css') }}" rel="stylesheet" type="text/css" media="all">
{% endblock %}
{% if error %}
<div>{{ error.message }}</div>
{% endif %}
<div class="container">
<div class="row">
<div class="col-md-4 col-md-offset-7">
<div class="panel panel-default">
<div class="panel-heading">
<h3 class="panel-title"><strong>Sign in </strong></h3>
</div>
<div class="panel-body">
<form class="form-control" action="{{ path('login_check') }}" method="post" role="form">
<div class="form-group">
<label for="username" class="col-sm-3 control-label">Username:</label>
<div class="col-sm-9">
<input type="text" id="username" name="_username" value="{{ last_username }}" />
</div>
</div>
<div class="form-group">
<label for="password" class="col-sm-3 control-label">Password:</label>
<div class="col-sm-9">
<input type="password" id="password" name="_password" />
</div>
</div>
<div class="form-group last">
<div class="col-sm-offset-3 col-sm-9">
<button type="submit" class="btn btn-success btn-sm">login</button>
</div>
</div>
</form>
</div>
</div>
</div>
</div>
</div>
{%block stylesheets%}
{%endblock%}
{%if错误%}
{{error.message}}
{%endif%}
登录
用户名:
密码:
登录
但是问题是,这个登录页面的视图不是它应该是的样子,它应该是这样的
但是a得到了一个非常简单的登录页面,没有任何引导类的影响。
问题出在哪里???看起来您正在尝试使用Bootstrap 3标记,但正在引用Bootstrap 2 css文件。例如,我看到您包含了
bootstrap responsive.min.css
,而这不是bootstrap 3的一部分
为什么不尝试从引导CDN中引用引导3文件?css唯一需要的链接是
http://netdna.bootstrapcdn.com/bootstrap/3.1.1/css/bootstrap.min.css
您可以从您的登录名添加图像或链接到您的登录名吗。。因此,我可以看到发生了什么…?不幸的是,我不能放一个图像,因为我没有足够的声誉,但这就像当创建它没有任何css只是html代码你确定所有的引导文件和你自己的css文件加载正确吗?是的,我只是编辑了我的邮戳是css没有在你的页面呈现