Question

我在一行中有3个对象有问题，桌面上的两个图像之间有文本它显示移动设备上的http://www.part.lt/img/d3aabc6dea1cafd939b9cda8152403a5633.jpg看起来很棒，我需要解决方案吗？

我的代码：

<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>

CSS

.header_title {
    margin:90px auto 0px; 
    width: 32%; 
    text-align: center;  
    padding: 0px; 
 }
.header_title h2 {
    font-family: 'Arimo', sans-serif; 
    font-size: 73px;
    color: #004657; 
}

Answer 1

尝试使用bootstrap添加列。

 <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>

浮动之间的Bootstrap文本

1 个答案: