Css 浮动之间的引导文本

我有一排3个对象的问题桌面上的两个图像之间有文本显示这在手机上看起来很棒，我需要解决方案有什么帮助吗

我的代码：

<div class="pull-left hidden-xs">
    <img src="images/head_window.png" class="img-responsive">
</div>
<div class="header_title">
    <h2 class="align-right">åpnes i<br/>
          eller<br/>
          åpne ut
    </h2>
</div>
<div class="pull-right hidden-xs">
    <img src="images/head_window2.png" class="img-responsive">
</div>

---

尝试添加列，因为您使用boostrap

 <div class="col-sm-5">
      <div class="pull-left hidden-xs">
        <img src="images/head_window.png" class="img-responsive">
      </div>
    </div>
    <div class="col-sm-2">
      <div class="header_title">
        <h2 class="align-right">åpnes eller åpne ut</h2>
      </div>
    </div>
    <div class="col-sm-5">
      <div class="pull-right hidden-xs">
        <img src="images/head_window2.png" class="img-responsive">
      </div>
    </div>

佩内斯·埃勒·佩内斯·尤特

在这种情况下，出现第一个图像比其他图像小的问题。。两幅图像的col-sm-6应该都很好，但在发生这种情况之后，我在imageYou中发布了12列，因此无法设置6+2+6。我知道，所以我需要其他解决方案：））

 <div class="col-sm-5">
      <div class="pull-left hidden-xs">
        <img src="images/head_window.png" class="img-responsive">
      </div>
    </div>
    <div class="col-sm-2">
      <div class="header_title">
        <h2 class="align-right">åpnes eller åpne ut</h2>
      </div>
    </div>
    <div class="col-sm-5">
      <div class="pull-right hidden-xs">
        <img src="images/head_window2.png" class="img-responsive">
      </div>
    </div>