Html 如何在手机上使用bootstrap在顶部对齐右块？

我有这样的代码：

<div class="row inner">
      <div class="col-md-6 col-sm-12 col-xs-12">
        <h1>image is here...</h1>
      </div>
      <div class="col-md-6 col-sm-12 col-xs-12">
        <h2>Add</h2>
        <div class="row">
          <h3>text1</h3>
          <p><span>BlaBlaBla1</span></p>
        </div>
        <div class="row">
          <h3>text2</h3>
          <p><span>BlaBlaBla2</span></p>
        </div>
      </div>
    </div>

图片在这里。。。
添加
文本1
喋喋不休

文本2
喋喋不休

所以在手机上看起来是这样的：

但我需要我的第二列出现在手机的顶部（而不是底部）

我能在不改变html代码的情况下实现它吗

---

plunker:

如果使用引导，为什么不添加推拉类呢？如果您不想修改标记，也可以使用javascript进行修改。为什么不想修改标记

<div class="row inner">
  <div class="col-md-6 col-md-push-6">
        <h2>Add</h2>
        <div class="row">
          <h3>text1</h3>
          <p><span>BlaBlaBla1</span></p>
        </div>
        <div class="row">
          <h3>text2</h3>
          <p><span>BlaBlaBla2</span></p>
        </div>
      </div>
  <div class="col-md-6 col-md-pull-6">
        <h1>image is here...</h1>
      </div>
</div>

添加
文本1
喋喋不休

文本2
喋喋不休

图片在这里。。。

编辑

另外，如果您想右对齐引导中某个特定媒体查询的内容，请将其添加到样式表中。因此，在移动设备上，它将是

text align:right

，在您的下一个媒体上重置它时，您可以添加

text align:left