Twitter bootstrap 如何在Twitter Bootstrap 2.3.2中使用流体布局将图像居中?

Twitter bootstrap 如何在Twitter Bootstrap 2.3.2中使用流体布局将图像居中?,twitter-bootstrap,centering,fluid-layout,twitter-bootstrap-2,Twitter Bootstrap,Centering,Fluid Layout,Twitter Bootstrap 2,我正在为我自己的网站使用bootstrap,我很难集中在一个jpg图像中 我使用以下代码 凯蒂猫 但图像仍然没有居中。。。这里怎么了? 非常感谢 试试这个 凯蒂猫 更新:基于评论 当您使用row流体时,它将创建可由12个零件管理的row,这些零件名为span1、span2…span12。其中,偏移量作为左边距应用。您可以根据您的要求使用它。它也分为12个部分。在这里,我使用tag是因为您希望您的图像位于中间,因为默认情况下它是左对齐的。或者将图像嵌入一个div中,然后将该div居中。 我

我正在为我自己的网站使用bootstrap,我很难集中在一个jpg图像中

我使用以下代码


凯蒂猫
但图像仍然没有居中。。。这里怎么了? 非常感谢

试试这个


凯蒂猫
更新:基于评论


当您使用row流体时,它将创建可由12个零件管理的row,这些零件名为span1、span2…span12。其中,偏移量作为左边距应用。您可以根据您的要求使用它。它也分为12个部分。在这里,我使用tag是因为您希望您的图像位于中间,因为默认情况下它是左对齐的。

或者将图像嵌入一个div中,然后将该div居中。 我是这样做的:

<form class="form-signin">
  <div id="auth-logo-container">
    <img src="http://www.fme.ma/wp-content/uploads/2012/02/logo.png">
  </div>
  <br>
  <br>
  <input type="text" class="input-block-level" placeholder="Votre login">
  <input type="password" class="input-block-level" placeholder="Votre mot de passe">
  <br>
  <br>
  <button class="btn btn-large btn-danger input-block-level" type="submit">Sign in</button>
</form>
<style type="text/css">
.form-signin {
  max-width: 300px;
  padding: 19px 29px 29px;
  margin: 50px auto 20px;
  background-color: #fff;
  border: 1px solid #e5e5e5;
  -webkit-border-radius: 5px;
  -moz-border-radius: 5px;
  border-radius: 5px;
  -webkit-box-shadow: 0 1px 2px rgba(0,0,0,.05);
  -moz-box-shadow: 0 1px 2px rgba(0,0,0,.05);
  box-shadow: 0 1px 2px rgba(0,0,0,.05);
}
#auth-logo-container{
  max-width: 247px;
  margin: 0 auto;
}
</style>





登录 .表格签名{ 最大宽度:300px; 填充:19px 29px 29px; 利润率:50px自动20px; 背景色:#fff; 边框:1px实心#e5; -webkit边界半径:5px; -moz边界半径:5px; 边界半径:5px; -webkit盒阴影:0 1px2pRGBA(0,0,0,05); -莫兹盒阴影:0 1px2pRGBA(0,0,0,05); 盒影:0 1px2pRGBA(0,0,0,05); } #认证标志容器{ 最大宽度:247px; 保证金:0自动; }
f%%ing磁铁!它们是如何工作的??;-)所以我猜图像太大了,不能只包含4个单元格?非常感谢shukla@Noobie-了解引导程序是如何工作的并不容易混淆。我还是尽力给你解释。你好,舒克拉。。另外一点:我如何使图像也具有响应性?当我缩小导航器时,图像保持不变。。。THX在css中以%表示高度和宽度。如果你没有为你的图像设置任何大小,那么只需在css中添加100%的高度和宽度。您也可以使用媒体查询来完成这项工作,但IE不支持这项工作,因此在使用前请小心。