Html 引导在左手侧提供额外的宽度

Html 引导在左手侧提供额外的宽度,html,css,twitter-bootstrap,Html,Css,Twitter Bootstrap,我正在使用bootstrap创建我的第一个站点,作为joomla站点,它的版本是2.3 我在行动上遇到了一些问题 以下是迄今为止的代码: <body> <div class="container"> <div class="row logobar"> <div class="span12"> <div class="logoholder"> <img src="templates/<?php echo $this->t

我正在使用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>....
在缩小的屏幕宽度下,一切看起来都很好-图像居中,尺寸减小

但是,在全宽范围内,图像并没有完全居中,左侧有一个奇怪的绿色(来自.logobar)。如果我拿出那排,绿色就会消失,但当然没有什么是有反应的

我想我做错了什么


您可以在www.opd.ee web.co.uk中看到我的意思,在自定义css文件中添加以下代码

body .row{
    margin-left:0 !important;
}

在自定义css文件中添加以下代码

body .row{
    margin-left:0 !important;
}

在自定义css文件中添加以下代码

body .row{
    margin-left:0 !important;
}

在自定义css文件中添加以下代码

body .row{
    margin-left:0 !important;
}

您需要将
更改为
,这将删除此负片
边距

<div class="row-fluid logobar">

文件[]

更多信息[]。

您需要将
更改为
行流体
,这将删除此负片
边距

<div class="row-fluid logobar">

文件[]

更多信息[]。

您需要将
更改为
行流体
,这将删除此负片
边距

<div class="row-fluid logobar">

文件[]

更多信息[]。

您需要将
更改为
行流体
,这将删除此负片
边距

<div class="row-fluid logobar">

文件[]

更多信息[]。

带有
.row
的元素具有负边距,以确保所包含的
。span
元素正确对齐

您可以使用一些自定义css删除此负边距,但这可能会导致更多问题

理想的解决方案是简单地将
标识栏
移动到
span
级别

<div class="span12 logobar">

具有
行的元素具有负边距,以确保所包含的
。span
元素正确对齐

您可以使用一些自定义css删除此负边距,但这可能会导致更多问题

理想的解决方案是简单地将
标识栏
移动到
span
级别

<div class="span12 logobar">

具有
行的元素具有负边距,以确保所包含的
。span
元素正确对齐

您可以使用一些自定义css删除此负边距,但这可能会导致更多问题

理想的解决方案是简单地将
标识栏
移动到
span
级别

<div class="span12 logobar">

具有
行的元素具有负边距,以确保所包含的
。span
元素正确对齐

您可以使用一些自定义css删除此负边距,但这可能会导致更多问题

理想的解决方案是简单地将
标识栏
移动到
span
级别

<div class="span12 logobar">


@maxelcat请注意,如果您当前的方法是低分辨率(<500px宽),则
容器将变得比图像小。@maxelcat请注意,如果您当前的方法是低分辨率(<500px宽)
容器
将小于图像。@maxelcat请注意,如果当前的方法是低分辨率(<500px宽),则
容器
将小于图像。@maxelcat请注意,如果当前的方法是低分辨率(<500px宽)
容器
将变得比图像小。