在不使用Javascript的情况下将标题移到div上方

我正在尝试制作一个元素生成器（CMS），您可以使用它将元素拖放到页面中，并轻松创建网站。 我正在使用引导模板（css、js）来获得一个响应迅速的网站

问题如下：

_col-md-4_______________________
|                               |
| Page Title                    |
|_______________________________|
|           |                   |
|Image      | (main content)    |
|           |                   |
|           |                   |
|div=col-xs-2___div=col-xs-10___|

我的标题必须与主要内容对齐

我尝试使用Javascript创建响应结果：

<script>$(document).ready(function() {
    var witdh = $(\'.calculate-witdh\').innerWidth();
    $(".title-offset").each(function(){$(this).css(\'margin-left\', witdh)});
    });
    $(window).resize(function() {
    var witdh = $(\'.calculate-witdh\').innerWidth();
    $(".title-offset").each(function(){$(this).css(\'margin-left\', witdh)});
    });
    </script>

$（文档）.ready（函数（）{
var witdh=$（\'.calculate witdh\'）。innerWidth（）；
$（“.title offset”）.each（function（）{$（this.css（\'margin-left\'，witdh）}）；
});
$（窗口）。调整大小（函数（）{
var witdh=$（\'.calculate witdh\'）。innerWidth（）；
$（“.title offset”）.each（function（）{$（this.css（\'margin-left\'，witdh）}）；
});

但我认为必须有更好的解决办法？ 主要是因为我不希望每个元素都加载到自己的脚本中

示例如下：

---

有什么想法吗？

这是你想要的吗

<h1 class="title-offset col-xs-offset-2">Create a title here</h1>

在此处创建标题

---

这是你想要的吗

<h1 class="title-offset col-xs-offset-2">Create a title here</h1>

在此处创建标题

---

你能创建一个吗？请提供更多信息…请向我们展示一些HTML和相关CSS，我们将能够提供帮助。JSfiddle添加：你能创建一个吗？请提供更多信息…请向我们展示一些HTML和相关CSS，我们将能够提供帮助。JSfiddle添加：是的！是的。这是基本的CSS吗？你能给我更多关于这个函数的信息吗？这是引导功能吗？是的<代码>偏移量是引导库的一项功能，它添加了“虚拟”列。你可以读到关于它的信息，然后。是的！是的。这是基本的CSS吗？你能给我更多关于这个函数的信息吗？这是引导功能吗？是的<代码>偏移量是引导库的一项功能，它添加了“虚拟”列。你可以读到关于它的信息，然后。