引导网格偏移不居中
引导网格偏移不居中
提问于 2019-03-21 07:21:49
正在尝试居中我的注册页面，但我的class="col-md-4 col-md-offset-4"不工作。我知道还有其他方法可以使文本居中，但我只想知道我在代码中做错了什么，这样我就可以知道在将来避免它。
我的HTML是：
<div class="container">
<div class="row">
<div class="col-md-4 col-md-offset-4">
<div class="well">
<h2>Sign up</h2>
<%= form_for(resource, as: resource_name, url: registration_path(resource_name)) do |f| %>
<%= devise_error_messages! %>
<div class="field">
<%= f.label :email %><br />
<%= f.email_field :email, autofocus: true %>
</div>
<div class="field">
<%= f.label :password %>
<% if @minimum_password_length %>
<em>(<%= @minimum_password_length %> characters minimum)</em>
<% end %><br />
<%= f.password_field :password, autocomplete: "off" %>
</div>
<div class="field">
<%= f.label :password_confirmation %><br />
<%= f.password_field :password_confirmation, autocomplete: "off" %>
</div>
<div class="actions">
<%= f.submit "Sign up" %>
</div>
<% end %>
<%= render "devise/shared/links" %>
</div>
</div>
</div>
</div>我看过其他的帖子，他们的回答是他们忘了一个容器标签或者别的什么。在bootstrap文档中也找不到任何答案。我假设这是我忽略的小东西。
回答 4
Stack Overflow用户
回答已采纳
发布于 2019-03-21 08:21:06
不知道发生了什么。我删除了一些代码之间的分隔符，它起作用了。我把换行符放回原处，它仍然起作用。我不知道。也许我的浏览器有问题？从字面上说不知道，但它现在起作用了
Stack Overflow用户
发布于 2019-03-21 07:43:01
只需将col-md-offset-4更改为offset-md-4，因为bootstrap 4会更改此设置
<div class="row">
<div class="col-md-4 offset-md-4">Stack Overflow用户
发布于 2019-03-21 08:18:28
<div class="row">
<div class="col-md-4 text-center">试试这个。这是我最常使用的。
页面原文内容由Stack Overflow提供。腾讯云小微IT领域专用引擎提供翻译支持
原文链接：
https://stackoverflow.com/questions/55271551
复制相关文章
相似问题