Twitter bootstrap 如何在Twitter Bootstrap 2.3.2中使用流体布局将图像居中?
我正在为我自己的网站使用bootstrap,我很难集中在一个jpg图像中 我使用以下代码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居中。 我
凯蒂猫
但图像仍然没有居中。。。这里怎么了?
非常感谢 试试这个
凯蒂猫
更新:基于评论
当您使用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不支持这项工作,因此在使用前请小心。