Html Bootstrap-3网格布局和固定大小的广告横幅

在阅读有关bootstrap的新网格系统的文章时，我问自己，广告横幅如何适应这种网格系统

我知道响应性广告（广告感知等），但我仍然不明白这些概念如何正确地应用于摩天大楼广告横幅

下面是对我所说内容的模拟：

有一个水平的广告是好的，但是bootstrap如何帮助我创建这样一个布局呢？ 使用网格辅助工具为小型设备隐藏摩天大楼是没有问题的，但是我是对的，我仍然需要处理

float:left和
clearfix
对于这种场景

即使摩天大楼能够响应并根据某些列宽（例如
col-md-2
）调整自身大小，它仍然需要某种“行跨度”来跨越任意行

编辑：只是想说明一下：我并不是要求一个完全修饰的标记，只是想了解这样一个概念在响应时代是否已经过时，或者这仍然是
float:right
或
position:relative
等的东西。
引导程序的设计并不是为了有一个固定宽度的列。它是围绕百分比列宽设计的

但是，您可以使用创建媒体查询来跟踪引导程序的使用。对于“平板”大小的设备，Bootstrap将整个容器设置为固定宽度768px，如下所示

@media (min-width: 768px) {
    .container {
        width:750px
    }
}

您可以利用这些知识创建两个类，将布局划分为两列。一个是内容，一个是广告

@media (min-width: 768px) {
  .col-left-width{
    width: 625px;
  }
  .col-right-width{
    width: 120px;
  }
}

这允许您将固定的右列宽设置为120px。但随着屏幕大小的变化，您可以将“左”列宽度重新定义为

Container Width - 120 - Padding.

在这种情况下，左列将设置为625px

我在
@sdcr上有一个工作样本，我认为calc在这方面帮不了我。我缺乏将“垂直”的东西集成到基于行/列的响应性设计中的概念。通过媒体查询的可用大小的运行时计算，计算或js不是我这里的主要问题。是否希望容器偏离中心。为什么不包含所有内容，然后将第11列添加到主节，将第1列添加到add