Jquery 如何向引导转盘添加静态内容？

这里我有Bootstarp carousel的代码，它可以很好地用于所有不同的设备

<div id="myCarousel" class="carousel slide" data-interval="3000">
  <!-- Indicators -->
  <ol class="carousel-indicators">
    <li data-target="#myCarousel" data-slide-to="0" class="active"></li>
    <li data-target="#myCarousel" data-slide-to="1"></li>
    <li data-target="#myCarousel" data-slide-to="2"></li>
  </ol>

  <div class="carousel-inner">
    <div class="item active">
      <img src="img/t1/p-banner1.jpg" alt="" />
        <div class="carousel-caption">
          <h3>Image 1</h3>
          <p>Image 1 Description</p>
        </div>
    </div>
    <div class="item">
      <img src="img/sizeimg/dal.png" alt=""/>
        <div class="carousel-caption">
          <h3>Image 1</h3>
          <p>Image 1 Description</p>
        </div>
    </div>
    <div class="item">
      <img src="img/sizeimg/url.jpg" alt=""/>
        <div class="carousel-caption">
          <h3>Image 1</h3>
          <p>Image 1 Description</p>
        </div>
    </div>
  </div>

  <!-- Controls -->

  <a class="left carousel-control" href="#myCarousel" role="button" data-slide="prev">
    <span class="glyphicon glyphicon-chevron-left"></span>
  </a>

  <a class="right carousel-control" href="#myCarousel" role="button" data-slide="next">
    <span class="glyphicon glyphicon-chevron-right"></span>
  </a>

</div>

<script src="http://code.jquery.com/jquery-1.11.1.min.js"></script>
<script src="js/lib/bootstrap.js"></script>

<script type="text/javascript">

  $(document).ready(function(){
      $('.carousel').carousel();
  });
</script>

现在，我的疑问是，如何才能将所有幻灯片上常见的buttonsLogin、Register等内容添加到旋转木马中？它始终是幻灯片图像的中心，并且它也应该具有响应性

按钮的代码如下所示。这就是所有幻灯片上显示的静态内容

<div class="container">
    <div class="btn-group" aria-label="...">
          <a class="btn btn-default" href="#" style="background:black;opacity: 0.5; color:white;">LOGIN</a>
          <a class="btn btn-default" href="#" style="background:black;opacity: 0.5; color:white;">REGISTER</a>
      </div>
  </div>

我尝试过不同的方法，它对大型设备运行良好，但对小型设备不起作用。由于这些按钮，在移动设备中，转盘的右导航按钮不起作用

感谢您的帮助。提前谢谢。

试试你的风格 位置：静态；最高：%；右：%； 按钮类

---

定位参考：

将它们放置在固定位置的div中？即使我将它们放置在固定位置的div中，也没有任何变化！您是否尝试将其添加到旋转木马标题div？如果我将css添加到旋转木马标题，则必须在每张幻灯片上放置静态内容。我说得对吗@阿尔沙德穆罕默德。你不想这么做？