Javascript 在div中将输入左对齐

我有一个有两个div的div

在一个div中是文本，在第二个输入中是文本

这是代码

<div id="main-info" style="margin-top: 30px;">
  <div class="row">
    <div class="col-xs-6 blue-text">
      Diffuculty of investigation
    </div>
    <div class="col-xs-6">
      <input class="form-control"/>
    </div>
  </div>
</div>

我有这样的看法

但我需要这样做

因此，输入将更接近文本

我需要如何重写代码？

<div class="row">
  <div class="xs-hidden col-md-2 "></div>
  <div class="col-xs-6 col-md-4 blue-text">
    Diffuculty of investigation
  </div>
  <div class="col-xs-6 col-md-4 ">
    <input class="form-control"/>
  </div>
  <div class="xs-hidden col-md-2 "></div>
</div>

调查困难

它稍微移动了一下，但不是我所需要的。虽然这个代码片段可能是解决方案，但确实有助于提高您文章的质量。请记住，您将在将来回答读者的问题，而这些人可能不知道您的代码建议的原因。html和css代码将真正帮助我们帮助您。更新了我的帖子@AngelosChalarisGo，并研究您使用的框架。这是基本的，很容易找到。

<div class="row">
  <div class="xs-hidden col-md-2 "></div>
  <div class="col-xs-6 col-md-4 blue-text">
    Diffuculty of investigation
  </div>
  <div class="col-xs-6 col-md-4 ">
    <input class="form-control"/>
  </div>
  <div class="xs-hidden col-md-2 "></div>
</div>