Css Bootstrap不可能将一口井放入一个深沟中？

我想在这张图片的绿色区域中放置一个.well div（或一个按钮）：

以下是我目前的代码：

<div class="container-fluid">

  <div class="row row1" style="height: 400px;">
  

    <div class="col-lg-4 col-lg-offset-1">

      aaaa <!-- BUTTON OR WELL HERE -->

    </div>

  </div>

问题，如果我尝试此代码：

<div class="container-fluid">

  <div class="row row1" style="height: 400px;">


    <div class="col-lg-4 col-lg-offset-1">

       <div class="well well-sm">aaa
       </div>

  </div>

aaa

我得到这个结果：

---

如何将

.well

div放置在绿色区域内（其高度和宽度低于绿色区域）？

我不太清楚您的要求，但。。。请记住引导集合的大小。如果你使用lg，如果屏幕小于lg尺寸，它会变得混乱。如果不想声明其他大小，那么最好使用xs

另外，不要使用内联css

这就是你要找的吗

HTML:

注：使用您认为适合井垂直居中的任何方式。这只是许多。。。有些人可能不赞成。DS

---

编辑：更正代码缩进

它看起来像在里面，你能展示一些视觉效果，看看你期望的结果是什么吗

<div class="container-fluid">

  <div class="row row1" style="height: 400px;">


    <div class="col-lg-4 col-lg-offset-1">

       <div class="well well-sm">aaa
       </div>

  </div>

<div class="container-fluid">

    <div class="row backgroundPicHere">

        <div class="col-xs-4 col-xs-offset-1 green">

            <div class="well">Basic Well</div>

        </div>

    </div>

</div>

.backgroundPicHere {
    top: 20px;
    height: 200px;
    background: red;
}

.green{
    background: green;
    height: 200px !important;
}

.green .well{
     position: relative;
     top: 50%;
     transform: translateY(-50%);
}