如何将缩略图添加到Rails中的ruby标题中？

Question

我对Rails编程和红宝石非常陌生，所以请多多包涵！ 我将我的照片调整为缩略图大小，并希望将其上传到网站每个页面上显示的标题中。 我将图像放置在我的apps/assets/images文件夹中。 我的问题是该图标未正确显示在标题中，而不是在Lions Wrestling右侧，而是显示在其下方。

这是我的代码：

<nav class="navbar navbar-default">
  <div class="container-fluid">
    <!-- Brand and toggle get grouped for better mobile display -->
    <div class="navbar-header">
      <a class="navbar-brand" href="#">Lions Wrestling
        <div class="thumbnail">
          <%= image_tag "Lions.jpg"%>
        </div> 
      </a>

谢谢！

Answer 1

除了特定于引导程序的样式外，您可能还会遇到display: inline ＆ display: inline-block ：

---

的CSS

http://jsfiddle.net/uXEGy/

<div class="navigation">
    <div class="image"><img src="http://elonmuskblog.files.wordpress.com/2012/03/elon-musk-blog-photo.jpg" height="150"></div>
    <div class="text">Your text here</div>
</div>

.navigation       { display: block; }
.navigation > div { display: inline-block; }
.image            { vertical-align: middle; }

您需要确保图像div的display属性为inline-block