在响应式设计中避免文本靠近图像（HTML）

Question

我有一个带图像的标题，但当我缩小窗口时，图像下方的文字出现在图像的右侧。我尝试clear: both并且它不起作用，但在添加高度为100px的div后，它可以正常工作。我使用Bootstrap类进行响应式布局。谢谢回应。

已编辑： JSfiddle link

HTML：

<header class="row-fluid">
     <div class="col-md-12">
         <img src="img/logo.png" alt="Pastegraph" style="float: left;"> 
     </div>                
     <a href="https://github.com/misteraverin/pastegraph">
         <img class="fork" src="img/forkme.png" alt="forkme">
     </a>
     <!-- <div style="height:100px;"></div> -->
</header>

CSS：

img.fork {
    position: absolute;
    top: 0;
    right: 0;
}

图片附近出现的文字截图：