如何將縮略圖添加到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