CSS Bootstrap - 删除左边距答案

【问题标题】：CSS Bootstrap - delete margin leftCSS Bootstrap - 删除左边距
【发布时间】：2017-05-14 20:58:48
【问题描述】：

提前谢谢你

我正在开发一个带有图像和网格视图的 .NET 响应式网页。

我正在尝试删除“grid.less”引导文件中定义的“margin-left:auto”属性，但没有成功。我已经尝试过“margin-left:0px”，left:0px，也没有成功。我的页面是这样的：

ASP.NET：

<div class="wrapper">
    <div class="global">
        <div class="itemwrapper">
            <img src="Content/logo.jpg" class="img-responsive"  />
        </div>
  (...)

CSS：

.wrapper {
   max-width: 1050px;
   margin: 60px auto 60px auto;
  }
.global {
   display: table;
   width: 100%;
   table-layout: fixed;
  }
.itemwrapper {
  margin-left:0px;
  display: table-cell;
  vertical-align: top;
  width: 100%;
 }

你能帮帮我吗？谢谢！

【问题讨论】：

"[边距属性]适用于除table-caption、table和inline-table以外的表格显示类型的元素之外的所有元素。也就是说，边距属性不适用于display:table -细胞元素。”你说 Bootstrap 并且你没有在你的 HTML 标记中使用它。
嗨！我正在尝试“删除”图像中的边距，而不是在我的表格中。
您的图像似乎没有边距（您的代码中没有任何内容）。我应用了你的代码，没有边距codepen.io/makshh/pen/XRYdKp
你好。好吧，你是对的。我的意思是，页面开头和图像开头之间的空间。你明白吗？我的错，对不起
是的，那是因为您将 max-width 设置为您的 .wrapper。删除它并设置width: 100% 或将边距更改为margin: 60px 0;。

标签： css asp.net twitter-bootstrap

【解决方案1】：

仅使用您提供的代码，我认为您可以尝试以下代码：

.wrapper {
   max-width: 1050px;
   margin: 60px 0;
 }

代替：

.wrapper {
   max-width: 1050px;
   margin: 60px auto 60px auto;
 }

【讨论】：