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

【问题标题】：Move title above div without using Javascript在不使用 Javascript 的情况下将标题移到 div 上方
【发布时间】：2015-12-06 18:38:12
【问题描述】：

我正在尝试制作一个元素构建器 (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/

有什么想法吗？

【问题讨论】：

你能创建一个fiddle 吗？
请提供更多信息...
请向我们展示一些 HTML 和相关的 CSS，我们将能够提供帮助。
JSfiddle 添加：jsfiddle.net/abayob/vuskazh1

标签： javascript html css twitter-bootstrap alignment

【解决方案1】：

这是你想要的吗？

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

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

【讨论】：

是的！是的，它确实。这是基本的 CSS 吗？你能不能给我更多关于这个功能的信息？这是 Bootstrap 功能吗？
是的。 offset 是 Bootstrap 库的一项功能，它添加了“虚拟”列。你可以阅读它here 和here。