Css 如何使Bootstrap 3在大屏幕上完全显示文本，而不在右侧留空白？

我一直在尝试在大屏幕上为文本设置引导全宽，但即使我使用了

容器流体

，并在stackoverflow上找到了可以使我设置div全宽的内容，但div内的文本仍然不是全宽的。从演示中可以看到，在大屏幕的右侧仍然有一个空间

这是我的代码

<div class="container-fluid ">

    <div class="row ">
      <div class="col-lg-12 ">

      <div class="full-width-div testons">
      dfkjsdfjklsdf fsf asfsdfjdfasdf sdfsdfasd dfsdfas fasf sdfsdfas fasdfsd dfsdfas dfdsfa dfasfa faskdkfdk ajfdkjfjasd jafksdfjj afdfjksdf afdfsdf dfajkfjadkf afdfsf adfsdfs afdfdasf afsdf adfsfdf adfsdfsd afdsfsdf afdsfsd dfkjsdfjklsdf fsf asfsdfjdfasdf sdfsdfasd dfsdfas fasf sdfsdfas fasdfsd dfsdfas dfdsfa dfasfa faskdkfdk ajfdkjfjasd jafksdfjj afdfjksdf afdfsdf dfajkfjadkf afdfsf adfsdfs afdfdasf afsdf adfsfdf adfsdfsd afdsfsdf afdsfsd dfkjsdfjklsdf fsf asfsdfjdfasdf sdfsdfasd dfsdfas fasf sdfsdfas fasdfsd dfsdfas dfdsfa dfasfa faskdkfdk ajfdkjfjasd jafksdfjj afdfjksdf afdfsdf dfajkfjadkf afdfsf adfsdfs afdfdasf afsdf adfsfdf adfsdfsd afdsfsdf afdsfsd dfkjsdfjklsdf fsf asfsdfjdfasdf sdfsdfasd dfsdfas fasf sdfsdfas fasdfsd dfsdfas dfdsfa dfasfa faskdkfdk ajfdkjfjasd jafksdfjj afdfjksdf afdfsdf dfajkfjadkf afdfsf adfsdfs afdfdasf afsdf adfsfdf adfsdfsd afdsfsdf afdsfsd dfkjsdfjklsdf fsf asfsdfjdfasdf sdfsdfasd dfsdfas fasf sdfsdfas fasdfsd dfsdfas dfdsfa dfasfa faskdkfdk ajfdkjfjasd jafksdfjj afdfjksdf afdfsdf dfajkfjadkf afdfsf adfsdfs afdfdasf afsdf adfsfdf adfsdfsd afdsfsdf afdsfsd dfkjsdfjklsdf fsf asfsdfjdfasdf sdfsdfasd dfsdfas fasf sdfsdfas fasdfsd dfsdfas dfdsfa dfasfa faskdkfdk ajfdkjfjasd jafksdfjj afdfjksdf afdfsdf dfajkfjadkf afdfsf adfsdfs afdfdasf afsdf adfsfdf adfsdfsd afdsfsdf afdsfsd 
      </div>


      </div>
    </div>
</div>

---

如何使引导程序3在大屏幕上显示完整的for文本，而不在右侧留空白？

.row

和

.col-lg-12

-在这里没有意义。只需将其移除即可

.row

和

.col-lg-12

-此处没有任何意义。把它取下来

你能展示一下它是什么样子吗？我看不到您正在参考的演示您是否尝试过边距：0？是的，我只是做了些什么，但没有做任何更改。我把它添加到了

全宽div

.row

或

中。col-*-*

是罪魁祸首；我忘了是哪一个了，但默认情况下，在使用这些元素时，左右两侧都有一个15px的边距，称为“边沟”。好的，谢谢，但如何去掉它呢。显然它在右边。即使我删除了行和列，在container fully下仍然存在同样的问题。您能展示一下它是什么样子吗？我看不到您正在参考的演示您是否尝试过边距：0？是的，我只是做了些什么，但没有做任何更改。我把它添加到了

全宽div

.row

或

中。col-*-*

是罪魁祸首；我忘了是哪一个了，但默认情况下，在使用这些元素时，左右两侧都有一个15px的边距，称为“边沟”。好的，谢谢，但如何去掉它呢。显然它在右边。即使我删除了row和col，在container full下仍然存在相同的问题，即使我删除了，它仍然会给出相同的结果，除非你能为我提供一个工作的jsfiddle，否则它仍然会给出相同的结果，即使我删除了，除非你能为我提供一个工作的jsfiddle

html {
  font-family: 'Open Sans', sans-serif;
  font-size:16px;
  -ms-text-size-adjust: 100%;
  -webkit-text-size-adjust: 100%;

}


body {
  margin:0px;
  margin-top:0px;
  padding:0; margin:0;

}

.testons {
    background:#14b5d1;
}

.full-width-div {
    position: absolute;
    width: 100%;
    left: 0;
    right:0;
    margin-right: 0;
}