Question

目前我有：

<div id="">
    <input type="text" class="span2 pull-left" value="">
    <i class="icon"></i>
    <input type="text" class="span2 pull-right" value="">
</div>

我想在左边有一个输入，右边有一个输入，图像死点。如何使图像居中并仍然水平对齐。

我试图将图像包装在av div，p中并使用.pagination-centered，.pagination-center。它的作品是okei，但打破了横向。

目前我只使用左侧= 50％的绝对位置，这在我的标签和计算机上看起来很棒，但不是我的手机。

现在有什么提示如何使这个工作？

Answer 1

你正在寻找this

吗？

<div class="container">
    <div class="row">
        <div class="col-md-12">
            <div class="row">
                <div class="col-md-8">
                    <div class="row">
                        <div class="col-md-4">
                           <input type="text" class"span2 pull-left" value="">
                        </div>
                        <div class="col-md-4">
                            <img alt="140x140" src="http://lorempixel.com/140/140/" class="img-responsive">
                        </div>
                        <div class="col-md-4">
                            <input type="text" class"span2 pull-right" value="">
                        </div>
                    </div>
                </div>

            </div>
        </div>
    </div>
</div>

Answer 2

<div class="container">
  <div class="span12">
    <div class="row">
      <div class="span4"><input type="text" value=""></div>
      <div class="span4"><img alt="300x300" src="http://lorempixel.com/300/300/" class="img-responsive"></div>
      <div class="span4"><input type="text" value=""></div>
   </div>
  </div>
</div>

您可能想尝试将此代码用于版本号This

将图像中心与引导程序对齐

2 个答案: