gpt4 book ai didi

html - Bootstrap 在左侧提供额外的宽度

转载 作者:太空宇宙 更新时间:2023-11-03 23:46:50 24 4
gpt4 key购买 nike

我正在使用 bootstrap 创建我的第一个站点,作为一个 joomla 站点,它的版本是 2.3

我遇到了一些问题这是到目前为止的代码:

<body>
<div class="container">
<div class="row logobar">
<div class="span12">
<div class="logoholder">
<img src="templates/<?php echo $this->template ?>/images/open-plan-design-logo.jpg" alt="Open Plan Design Logo " />
</div>
</div>
<!-- row --></div>....

和CSS

body {
background:#231f21;
background-color:#DCDBDB;
color:#fff;
}

.container {
background-color:yellow;
}

.logoholder{
width:499px;
margin:0 auto;
}


.logobar {
margin-bottom:20px;
background-color:green;
}

在缩小的屏幕宽度下,一切看起来都很好——图像居中,并且尺寸减小

但是,在全宽下,图像并没有完全居中,左侧有一点点绿色(来自 .logobar)突出。如果我取出 .row 然后绿色消失但当然没有任何反应

我想我做错了什么......

你可以在这里看到我的意思 www.opd.ee-web.co.uk

最佳答案

您需要将 row 更改为 row-fluid,这将消除此负 margin

<div class="row-fluid logobar">

文档 [ 1 ].
更多信息 [ 1 ].

关于html - Bootstrap 在左侧提供额外的宽度,我们在Stack Overflow上找到一个类似的问题: https://stackoverflow.com/questions/21380599/

24 4 0
Copyright 2021 - 2024 cfsdn All Rights Reserved 蜀ICP备2022000587号
广告合作:1813099741@qq.com 6ren.com