Twitter bootstrap 3 自举巨振子

Twitter bootstrap 3 自举巨振子,twitter-bootstrap-3,Twitter Bootstrap 3,我已经在我的网页上添加了一个jumbotron,我的网页现在显示底部和右侧的滚动条!不知道如何解决这个问题 非常感谢任何提示或建议 网址 欢迎来到Tyrescanner 联系我们。 您的jumbotron用divs行和col-md-12包装: <div class="container-fluid"> <div class="row"> <div class="col-md-12"> <div cla

我已经在我的网页上添加了一个jumbotron,我的网页现在显示底部和右侧的滚动条!不知道如何解决这个问题

非常感谢任何提示或建议

网址


欢迎来到Tyrescanner

联系我们。
您的jumbotron用divs
col-md-12
包装:

<div class="container-fluid">
  <div class="row">
    <div class="col-md-12">             
      <div class="jumbotron">

它会覆盖引导css并导致页面宽度问题

您的jumbotron用divs
col-md-12
包装:

<div class="container-fluid">
  <div class="row">
    <div class="col-md-12">             
      <div class="jumbotron">

它会覆盖引导css并导致页面宽度问题

你要什么?我想你只是不想要底部的滚动条,对吗

如果是这样,下面是您的HTML CSS。更改如下,它位于bootstrap.css文件和行号1071中

html {
 font-size: 10px;
 -webkit-tap-highlight-color: rgba(0, 0, 0, 0);
 overflow: auto;
 overflow-x: hidden;
 }

你要什么?我想你只是不想要底部的滚动条,对吗

如果是这样,下面是您的HTML CSS。更改如下,它位于bootstrap.css文件和行号1071中

html {
 font-size: 10px;
 -webkit-tap-highlight-color: rgba(0, 0, 0, 0);
 overflow: auto;
 overflow-x: hidden;
 }

查看您的网站后,我发现了一些问题:

  • 使用容器流体和嵌套容器流体作为jumbotron父元素,嵌套的是冗余的
  • 然后我看到您已经将container fluid和.col--12类的默认引导左/右填充替换为0px,但是您没有将.row类的默认边距更改为0px左/右边距,因此使用了底部滚动条
  • 对于页脚,删除页边空白顶部并使页脚成为body元素的直接子元素,然后将以下css添加到表单、body和html元素:
    height:100%,其余为添加到元素的边距

  • 查看您的网站后,我发现了一些问题:

  • 使用容器流体和嵌套容器流体作为jumbotron父元素,嵌套的是冗余的
  • 然后我看到您已经将container fluid和.col--12类的默认引导左/右填充替换为0px,但是您没有将.row类的默认边距更改为0px左/右边距,因此使用了底部滚动条
  • 对于页脚,删除页边空白顶部并使页脚成为body元素的直接子元素,然后将以下css添加到表单、body和html元素:
    height:100%,其余为添加到元素的边距

  • 显示您的代码您是否尝试过溢出:隐藏?显示您的代码您是否尝试过溢出:隐藏?这是我的页脚css,如果我将位置更改为绝对,页脚将与页面的其余部分重叠
    text
    ={!!#页脚{背景色:#000;颜色:白色;位置:相对;/*位置:绝对;*/页边距顶部:10%;页边距底部:0px;/*高度:80px;*/*宽度:100%;*/清除:两者;填充顶部:20px;填充底部:20%;底部:0;}=text查看我更新的答案页脚页脚我刚刚检查了你的网站,它看起来像是你在容器中使用.row和.col-*类的大多数使用场景中误用了引导程序。不这样做是一个非常糟糕的做法。我给你的建议是重做引导程序教程,或者做一些css教程…这是我的c对于页脚,如果我将位置更改为绝对,页脚将与页面的其余部分重叠
    text
    ={!!#页脚{背景色:#000;颜色:白色;位置:相对;/*位置:绝对;*/页边距顶部:10%;页边距底部:0px;/*高度:80px;*/*宽度:100%;*/清除:两者;填充顶部:20px;填充底部:20%;底部:0;}=text查看我更新的答案页脚页脚我刚刚检查了你的网站,它看起来像是你在容器中使用.row和.col-*类的大多数使用场景中误用了引导程序。不这样做是一个非常糟糕的做法。我建议你重做引导程序教程,也许还可以做一些css教程…你如何处理或在stackoverflow中设置代码!!!这不起作用
    text
    =代码格式=text@Tom,如果它的代码比你的代码多,你必须在所有新行前面留出4个空格。而且只有在回复时,它在注释部分才起作用。你现在解决问题了吗?你如何在stackoverflow中格式化你的代码!!!这不起作用
    text
    =code Formatting=text@Tom,如果它的代码比你要多,你必须在所有新行前面留出4个空格。而且它只在回复时在评论部分不起作用。你现在解决问题了吗?