Css 如何删除底部滚动条?

Css 如何删除底部滚动条?,css,twitter-bootstrap,Css,Twitter Bootstrap,请帮忙解决这个问题 有一页。如果将其压缩到宽度(宽度

请帮忙解决这个问题

有一页。如果将其压缩到宽度(宽度<420px),将显示底部滚动。这不应该是因为它使引导自适应布局:

html {
  position: relative;
  min-height: 100%;
}

body {
  margin-bottom: 110px;
  text-align: center;
}

.footer {
  position: absolute;
  bottom: 0;
  width: 100%;
  height: 110px;
  background-color: #fff;
}

body > .appointment_mobile > .container {
  padding: 0px 15px 0;
}
请帮助删除下方的滚动条。

您可以使用

body {
    overflow-x: hidden;
}
但实际问题是由
bootstrap.css:1606
引起的。您也可以在
css
中覆盖它(仅适用于宽度<480px)

你可以用

body {
    overflow-x: hidden;
}
但实际问题是由
bootstrap.css:1606
引起的。您也可以在
css
中覆盖它(仅适用于宽度<480px)

你可以用

body {
    overflow-x: hidden;
}
但实际问题是由
bootstrap.css:1606
引起的。您也可以在
css
中覆盖它(仅适用于宽度<480px)

你可以用

body {
    overflow-x: hidden;
}
但实际问题是由
bootstrap.css:1606
引起的。您也可以在
css
中覆盖它(仅适用于宽度<480px)

编辑: 您曾经使用过许多.container类,当您只使用一个或两个时,它就解决了您的问题

<div class="container">
  <div class="row">...</div>
  <div class="row">...</div>
</div>

...
...
你也可以看到这个答案:

这是一把小提琴:

希望有帮助:)

编辑: 您曾经使用过许多.container类,当您只使用一个或两个时,它就解决了您的问题

<div class="container">
  <div class="row">...</div>
  <div class="row">...</div>
</div>

...
...
你也可以看到这个答案:

这是一把小提琴:

希望有帮助:)

编辑: 您曾经使用过许多.container类,当您只使用一个或两个时,它就解决了您的问题

<div class="container">
  <div class="row">...</div>
  <div class="row">...</div>
</div>

...
...
你也可以看到这个答案:

这是一把小提琴:

希望有帮助:)

编辑: 您曾经使用过许多.container类,当您只使用一个或两个时,它就解决了您的问题

<div class="container">
  <div class="row">...</div>
  <div class="row">...</div>
</div>

...
...
你也可以看到这个答案:

这是一把小提琴:

希望有帮助:)


在容器中添加
填充:0
时要小心。您将打破引导逻辑并创建不必要的余量

如果您只想隐藏顶部和底部填充,则此代码更好

body > .appointment_mobile > .container.menu_area {
    padding-top:0;
    padding-bottom:0;
}
.footer > .container.footer_area {
    padding-top:0;
    padding-bottom:0;
}

TL;DR您不应该在
容器
类中进行任何左右填充修改。

在容器中添加
填充:0
时要小心。您将打破引导逻辑并创建不必要的余量

如果您只想隐藏顶部和底部填充,则此代码更好

body > .appointment_mobile > .container.menu_area {
    padding-top:0;
    padding-bottom:0;
}
.footer > .container.footer_area {
    padding-top:0;
    padding-bottom:0;
}

TL;DR您不应该在
容器
类中进行任何左右填充修改。

在容器中添加
填充:0
时要小心。您将打破引导逻辑并创建不必要的余量

如果您只想隐藏顶部和底部填充,则此代码更好

body > .appointment_mobile > .container.menu_area {
    padding-top:0;
    padding-bottom:0;
}
.footer > .container.footer_area {
    padding-top:0;
    padding-bottom:0;
}

TL;DR您不应该在
容器
类中进行任何左右填充修改。

在容器中添加
填充:0
时要小心。您将打破引导逻辑并创建不必要的余量

如果您只想隐藏顶部和底部填充,则此代码更好

body > .appointment_mobile > .container.menu_area {
    padding-top:0;
    padding-bottom:0;
}
.footer > .container.footer_area {
    padding-top:0;
    padding-bottom:0;
}

TL;DR您不应该在
容器
类中进行任何左右填充修改。

此问题有一个标签
引导
。不要说你不知道他用的是什么框架。删除
row
类上的
margin
属性可能会损害bootstrap的网格系统。好了,现在我理解了负面注释(我读得太快了,我的不好)。我只是说这是一个前进的线索。这个问题有一个标签
bootstrap
。不要说你不知道他用的是什么框架。删除
row
类上的
margin
属性可能会损害bootstrap的网格系统。好了,现在我理解了负面注释(我读得太快了,我的不好)。我只是说这是一个前进的线索。这个问题有一个标签
bootstrap
。不要说你不知道他用的是什么框架。删除
row
类上的
margin
属性可能会损害bootstrap的网格系统。好了,现在我理解了负面注释(我读得太快了,我的不好)。我只是说这是一个前进的线索。这个问题有一个标签
bootstrap
。不要说你不知道他用的是什么框架。删除
row
类上的
margin
属性可能会损害bootstrap的网格系统。好了,现在我理解了负面注释(我读得太快了,我的不好)。我只是说这是一个前进的线索。请不要通过删除
上的margin属性和
body上的overflow-x:hidden
来解决这个问题,但这不是一个正确的解决方案。@HINA0531因此第一个解决方案+向第二个添加了最大宽度通知请不要通过删除正文上的
行和
溢出-x:hidden
上的边距属性来解决此问题,这可能会帮助这家伙,但这不是一个正确的解决方案。@HINA0531因此第一个解决方案+向第二个添加了最大宽度通知请不要通过删除正文上的
行和
溢出-x:hidden
上的边距属性来解决此问题,这可能会帮助这家伙,但这不是一个正确的解决方案。@HINA0531因此第一个解决方案+向第二个添加了最大宽度通知请不要通过删除正文上的
行和
溢出-x:hidden
上的边距属性来解决此问题,这可能会帮助这家伙,但这不是一个合适的解决方案。@hina10531因此第一个解决方案+在第二个解决方案中添加了最大宽度通知