Twitter bootstrap 在引导或类似方面需要帮助吗

嘿，像这样的引导是否存在于内容区域（中间不是空格/边距/填充或你所说的，从左右侧边栏开始）

所以这一切都是相互关联的

这两个网站都有很好的引导功能，但我不需要空间，如果可能的话让我知道谢谢，我试着查看引导功能本身，但找不到要删除/添加的内容，如果一些网站没有引导功能也可以

我很感激你们的时间，希望你们能理解这个问题

编辑：我可能做错了，但我试过了

班排无排水沟，无衬垫

---

但似乎仍然不起作用。

在这里，我从这个要点中选择了“无槽”类：我通过在谷歌搜索“无槽行boostrap css 3”找到它。“槽”是一个用于列之间空格的布局术语。其他框架可以内置无槽css类

<div class="navbar navbar-fixed-top navbar-default">
    <div class="container">
      <div class="navbar-header"><a class="navbar-brand" href="#">Project name</a><a class="navbar-toggle" data-toggle="collapse" data-target=".navbar-collapse">
          <span class="glyphicon glyphicon-bar"></span>
          <span class="glyphicon glyphicon-bar"></span>
          <span class="glyphicon glyphicon-bar"></span>
        </a>
      </div>
        <div class="navbar-collapse">
            <ul class="nav navbar-nav">
                <li class="active"><a href="#">Home</a>
                </li>
                <li><a href="#about">About</a>
                </li>
                <li><a href="#contact">Contact</a>
                </li>
            </ul>

        </div>
        <!--/.navbar-collapse -->
    </div>
</div>
<div class="container">
    <div class="row no-gutter">
        <div class="col-md-3">
            <div class="sidebar-nav-fixed affix">
                <div class="well">
                    <ul class="nav ">
                        <li class="nav-header">Sidebar</li>
                        <li class="active"><a href="#">Link</a>
                        </li>
                        <li><a href="#">Link</a>
                        </li>
                        <li><a href="#">Link</a>
                        </li>
                        <li><a href="#">Link</a>
                        </li>
                        <li class="nav-header">Sidebar</li>
                        <li><a href="#">Link</a>
                        </li>
                        <li><a href="#">Link</a>
                        </li>
                        <li><a href="#">Link</a>
                        </li>
                        <li><a href="#">Link</a>
                        </li>
                        <li><a href="#">Link</a>
                        </li>
                        <li><a href="#">Link</a>
                        </li>
                        <li class="nav-header">Sidebar</li>
                        <li><a href="#">Link</a>
                        </li>
                        <li><a href="#">Link</a>
                        </li>
                        <li><a href="#">Link</a>
                        </li>
                    </ul>
                </div>
                <!--/.well -->
            </div>
            <!--/sidebar-nav-fixed -->
        </div>
        <!--/span-->
        <div class="col-md-6">
            <div class="jumbotron">
                 <h1>Hello, world!</h1>

                <p>This is a template for a simple marketing or informational website. It
                    includes a large callout called the hero unit and three supporting pieces
                    of content. Use it as a starting point to create something more unique.</p>
                <p><a class="btn btn-primary btn-lg">Learn more »</a>
                </p>
            </div>

        </div>
        <!--/span-->
        <div class="col-md-3">
            <div class="sidebar-nav-fixed pull-right affix">
                <div class="well">
                    <ul class="nav ">
                        <li class="nav-header">Sidebar</li>
                        <li class="active"><a href="#">Link</a>
                        </li>
                        <li><a href="#">Link</a>
                        </li>
                        <li><a href="#">Link</a>
                        </li>
                        <li><a href="#">Link</a>
                        </li>
                        <li class="nav-header">Sidebar</li>
                        <li><a href="#">Link</a>
                        </li>
                        <li><a href="#">Link</a>
                        </li>
                        <li><a href="#">Link</a>
                        </li>
                        <li><a href="#">Link</a>
                        </li>
                        <li><a href="#">Link</a>
                        </li>
                        <li><a href="#">Link</a>
                        </li>
                        <li class="nav-header">Sidebar</li>
                        <li><a href="#">Link</a>
                        </li>
                        <li><a href="#">Link</a>
                        </li>
                        <li><a href="#">Link</a>
                        </li>
                    </ul>
                </div>
                <!--/.well -->
            </div>
            <!--/sidebar-nav-fixed -->
        </div>
        <!--/span-->
    </div>
    <!--/row-->

    <footer>
        <p>© Company 2012</p>
    </footer>
</div>
<!--/.fluid-container-->

<style>
body {
    padding-bottom: 40px;
    padding-top: 60px;
}

.sidebar-nav-fixed {
    /*width:14%;*/
    width:100%
}

.no-gutter.row,
.no-gutter.container,
.no-gutter.container-fluid{
  margin-left: 0;
  margin-right: 0;
}

.no-gutter>[class^="col-"]{
  padding-left: 0;
  padding-right: 0;
}
</style>

侧栏








侧栏












侧栏







你好，世界！
这是一个简单的营销或信息网站的模板
包括一个称为英雄单元的大标注和三个支撑件
把它作为一个起点来创造更独特的东西









侧栏












侧栏







©公司2012年

身体{
填充底部：40px；
填充顶部：60px；
}
.侧栏导航已固定{
/*宽度：14%*/
宽度：100%
}
.no.row，
.号集装箱，
1号水槽、1号容器、1号液体{
左边距：0；
右边距：0；
}
.编号>[class^=“col-”]{
左侧填充：0；
右边填充：0；
}

问题感谢您的帮助，我使用了bootstrap 4.0.0 alpha 6

---

相反

听起来像是你在试图移除排水沟？哪个版本的引导程序？bootstrap-3.3.7-dist没有人能准确地说出来？：（似乎它仍然有空间：（在这个例子中，列之间不应该有任何空间。你的项目中是否有其他可能影响它的代码？