Question

我在bootstrap中的div有些问题看起来很奇怪。

为什么输入文本到目前为止？

<div class="container">
  <div class="panel panel-default">
    <div class="panel-heading">
      <h3>Header</h3>
    </div>
    <div class="panel-body">
      <div class="well">
        <div class="container">
          <div class="pull-right">
            <input type="text" value="test">
          </div>
        </div>
      </div>
    </div>
  </div>
</div>

site

Answer 1

div class = "pull-right"有一个属性float: right!important;

覆盖了其他一切。因此你的文本框是对的。排除该属性或将其更改为float:left或设置margin-left即可获得所需内容。或者，不要使用“pull-right”类并使/ user成为“左拉”类。

实施例： -

如果你改变了

.pull-right 
{
 float: left! important;
}

然后您会看到文本框在水平面上的对齐方式存在显着差异。如果您需要进一步解释，请告诉我。

你也可以尝试这样的事情： -

.pull-right
{
 margin-left: 70%;
}

但这有点像黑客。但它运作良好。:)）

修改： -

制作"div class = container"： -

.container { display:inline; }

为什么这个div出现得那么正确？

1 个答案: