Bootstrap-向右拖动元素与文本内容重叠

问题描述

使用 AdminLTE模板通过 ANGULAR 5 + bootstrap 3.4 创建仪表板布局， 在其中一个组件中，我必须对齐图像，标题和一行中的下拉菜单，这在调整大小时会导致下拉菜单与标题的文本内容重叠。

全页视图：

调整大小或最小化的浏览器：

HTML片段：

<div  class="col-md-4"> //---> entire layout split between 3 boxes 
      <span  class="info-box-icon-sm"> //---> adds float:left property for the icon
        <i  class="fa fa-search" id="escalatedIcon"></i>
      </span>
      <h4 >Search Requests</h4>
      <div class="box-select pull-right">
        <select class="ng-untouched">
           <option class="select-bg-white" value="country">
            country
          </option>
        </select>
      </div>
    </div>

我尝试将单个div添加到每个元素中，然后添加boostrap“ col”大小，但是下拉菜单似乎总是与标题重叠，我是否会因为缺少一些东西而变得简单，因为我是响应式设计的初学者？ 感谢您的回应

解决方法

暂无找到可以解决该程序问题的有效方法，小编努力寻找整理中！

如果你已经找到好的解决方法，欢迎将解决方案带上本链接一起发送给小编。

小编邮箱:dio#foxmail.com (将#修改为@）