javascript - 在不使用Java脚本的情况下将标题移到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>

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

此处找到示例：http://jsfiddle.net/abayob/vuskazh1/

有任何想法吗？

最佳答案

这是您想要的吗？

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

http://jsfiddle.net/abalter/mhqxtppn/