Html 带引导2的小跨度div 我使用Bootstrap 2，我需要有3个跨度，但是中间的一个应该非常小，以处理一个图像来显示/隐藏左边的跨度。 问题是我不能把三个跨度放在同一条线上。看起来图像的跨度占据了所有位置，而不仅仅是10px

这是我的密码：

<style>
.myspan {
    width:10px;        
}

迈斯潘先生{
宽度：10px；
}

这是液体
是 啊

您可以使用span3、span1和span8占据12柱网轴线并将其对齐。使用自定义类指定宽度并删除边距。但是以更高的优先级使用自定义CSS，即新文件，在所有CSS之后加载它，这样您就不需要使用

！重要信息

。尽量避免使用内联样式

$（'.span1'）。在（'click'，function（）上{
$（'.span3'）。切换（'slow'）；
});
。小跨度img{
左边距：-15px；
}

这是液体
是 啊
感谢您的示例，但这样做时，span8并没有占据右侧的全部宽度。我想要一个100%宽度覆盖三个跨度的东西，所以在这种情况下，我需要使用span9并去除边距？新方法如何？span包裹在span4中。这真的很好！我只是在玩图像占位符的大小，当它被最大化以保持始终相同的大小时，但我找不到修改它的位置事实上我不能将图像占位符放在span4中，因为最终的想法是单击图像并隐藏左侧的部分，如果我再次单击，带span4的div应该会回来，然后你需要使用前面的方法。也检查切换功能。
<div class="container-fluid">
    <div class="row-fluid">
        <div class="span3" style="background-color: red">this is fluid</div>
        <div class="myspan"><img src="~/Images/bullet.png" /></div>
        <div class="span9" style="background-color: blue">yeah!</div>        
    </div>    
</div>