我在我的元素中使用所见即所得的编辑器,该编辑器的一部分包括将图像位置设置为左、右、内联的选项。当我选择向左时,它会赋予它向左浮动的特性。我想知道如何才能使包含我的内容的 div 自动扩展以允许 float 图像。
下面是我在元素中使用的部分帖子的代码
<div class="thumbnail">
<div class="text">
<%= link_to post.title, post_path(post), class: "h1" %>
<p class="pull-right"><span class="glyphicon glyphicon-time"></span> Posted on <%= post.created_at.to_formatted_s :long %></p>
<hr>
<p><%= post.content.html_safe %></p><hr>
<p>
<% post.tags.any? %>
<div class="btn-group btn-group-xs" role="group" aria-label="...">
<% post.tags.each do |tag| %>
<%= link_to tag.name, tag_path(tag), class: "btn btn-info" %>
<% end %>
</div>
</p>
</div>
</div>
最佳答案
您还可以在 Bootstrap 之外使用 clearfix。只要您像这样在 CSS 中定义它:
.clearfix::after {
content: " ";
display: table;
clear: both; }
并将“clearfix”类应用于它需要的任何元素,如下所示:
<div class="clearfix"></div>
它应该可以工作。
关于html - 如何将 Bootstrap 的 clearfix 应用到我的代码中?,我们在Stack Overflow上找到一个类似的问题: https://stackoverflow.com/questions/38460178/