确定引导程序列的内容在左侧还是右侧（对于Jquery可排序）

Question

我创建了一个页面，用户应该在其中填写不同的信息，并在其中添加标签以向用户显示要填写的位置。 内容可以用（col-12）填满，也可以在右侧/左侧（col-6）填满，如果内容占页面的一半，我希望能够将标签（蓝色圆圈）移动到与内容所在位置相同。用户将能够使用可排序的Jquery UI将内容移至左侧/右侧。

请参见下图：

HTML代码：

<div class="row">
  <div class="col-6">
    <div class="blockContent">
      <span class="grip-bar block-handle ui-sortable-handle"></span>
      <div class="block">
        <i class="icon icon-tag-warning hand left-info"></i>        
        <p>Field with tag to fill in:
          <input class="width-full width-dynamic input-line l-input-icon">
        </p>
      </div>
    </div>
  </div>
  <div class="col-6">
    <div class="blockContent">
      <span class="grip-bar block-handle ui-sortable-handle"></span>
      <div class="block">
        <i class="icon icon-tag-warning hand left-info"></i> 
        <p class="bold">Some text</p>       
        <p>Fill in this field:
          <input class="width-full width-dynamic input-line l-input-icon">
        </p>
      </div>
    </div>
  </div>
</div>

任何提示或技巧如何能够确定内容的一面，以将标签设置在正确的一面？使用CSS还是Jquery？

编辑：

用户可以生成自己的col-6或col-12，因此无法为内容/块可以使用的列添加类似“ left”或“ right”的类（据我所知） ）。

Answer 1

在Truextacy的帮助下解决了该问题，从而为我指明了正确的方向。

生成HTML代码时，我向每个列添加了一个名为tag-left或tag-right的类，然后sortable上的块将检查新列的tag端并相应地设置CSS。