Fatal编程技术网
  • html/
  • Html页边距错误

Html页边距错误

html css twitter-bootstrap-3

Html页边距错误,html,css,twitter-bootstrap-3,Html,Css,Twitter Bootstrap 3,我想更正我网站的页边空白。我什么都试过了，但到目前为止什么都没用。html代码或我的CSS代码可能有问题。 以下是我的网站截图： 我添加了一些属性来对齐导航栏中居中的文本，还应用了一些线性渐变 问题在于流体容器存在余量误差 不知道我做错了什么。任何帮助都将不胜感激 提前谢谢 navbar defaul先生{ 颜色：CC3333； 背景色：CC3333； } @字体{ 字体系列：漂白浓缩； src:urlBLANCH_CONDENSED.otf； } @字体{ 字体系列：硬件压缩； src:ur

我想更正我网站的页边空白。我什么都试过了，但到目前为止什么都没用。html代码或我的CSS代码可能有问题。 以下是我的网站截图：

我添加了一些属性来对齐导航栏中居中的文本，还应用了一些线性渐变

问题在于流体容器存在余量误差

不知道我做错了什么。任何帮助都将不胜感激

提前谢谢

navbar defaul先生{ 颜色：CC3333； 背景色：CC3333； } @字体{ 字体系列：漂白浓缩； src:urlBLANCH_CONDENSED.otf； } @字体{ 字体系列：硬件压缩； src:urlDDCHardware-Condensed.otf； } .标志{ 宽度：43%； 身高：43%； 背景尺寸：自动100%； 背景重复：无重复； 保证金：自动； 显示：块； } 梯度1{ 背景：线性梯度rgb0，171，235 20%，rgba136，222，255，1.00 75%； } .nav.navbar-nav li a{ 颜色：黑色； } .navbar默认值{ 保证金：自动； 背景：绿黄色； } .nav.navbar-nav{ 显示：内联块； 左：0； 右：0； 文本对齐：居中； 宽度：100%； } .nav.navbar-nav li， .nav.navbar-nav li a{ 显示：内联； 浮动：无； 线高：40px； } .右.转盘控制{ 背景：线性梯度rgb0、171、235、10%、rgba136、222、255、1.0075%； } .item.active， .旋转木马内部{ 背景：线性梯度rgb0、171、235、10%、rgba136、222、255、1.0075%； } 卡萨德尔尼诺酒店 切换导航
我找到了解决方案，只需关闭一个div并将其添加到我的css代码中

.col-md-12{
padding: 0;
}
不要在另一行中添加.row 因此，您只需在添加另一行之前关闭该行即可

<!doctype html>
<html>
   <head>
      <meta charset="utf-8">
      <meta name="viewport" content="width=device-width, initial-scale=1.0">
      <!-- Bootstrap librerias1 -->
      <link rel="stylesheet" href="https://maxcdn.bootstrapcdn.com/bootstrap/3.3.7/css/bootstrap.min.css" integrity="sha384-BVYiiSIFeK1dGmJRAkycuHAHRg32OmUcww7on3RYdg4Va+PmSTsz/K68vbdEjh4u" crossorigin="anonymous">
      <link rel="stylesheet" href="https://maxcdn.bootstrapcdn.com/bootstrap/3.3.7/css/bootstrap-theme.min.css" integrity="sha384-rHyoN1iRsVXV4nD0JutlnGaslCJuC7uwjduW9SVrLvRYooPp2bWYgmgJQIXwl/Sp" crossorigin="anonymous">
      <link rel="stylesheet" href="casadelnino.css">
      <script src="https://maxcdn.bootstrapcdn.com/bootstrap/3.3.7/js/bootstrap.min.js" integrity="sha384-Tc5IQib027qvyjSMfHjOMaLkfuWVxZxUPnCJA7l2mCWNIpG9mGCD8wGNIcPD7Txa" crossorigin="anonymous"></script>
      <script src="https://ajax.googleapis.com/ajax/libs/jquery/3.2.1/jquery.min.js"></script>
      <script src="https://maxcdn.bootstrapcdn.com/bootstrap/3.3.7/js/bootstrap.min.js"></script>
      <!-- Fin de Bootstrap librerias1 -->
      <title>Casa Del Niño</title>
      <!----jquery script--->
      <script src="https://ajax.googleapis.com/ajax/libs/jquery/3.2.1/jquery.min.js"></script>
      <!----jquery script--->
   </head>
   <body>
      <div class="container-fluid">
         <div class="row">
            <div class="col-md-12" id="gradiente1">
               <img src="imagenes/logo - copia.png" class="Logo">
            </div>
         </div>
            <div class="row">
               <div class="col-md-12">
                  <nav class="navbar navbar-default">
                     <div class="navbar-header">
                        <button type="button" class="navbar-toggle collapsed" data-toggle="collapse" data-target="#navbar" aria-expanded="false" aria-controls="navbar">
                        <span class="sr-only">Toggle navigation</span>
                        <span class="icon-bar"></span>
                        <span class="icon-bar"></span>
                        <span class="icon-bar"></span>
                        </button>
                     </div>
                     <div id="navbar" class="navbar-collapse collapse">
                        <ul class="nav navbar-nav">
                           <li><a href="#">Conozcanos</a>
                           </li>
                           <li><a href="#">Derechos y Deberes Del Usuario</a>
                           </li>
                           <li><a href="#">Responsabilidad Social</a>
                           </li>
                           <li><a href="#">Correo Corporativo</a>
                           </li>
                        </ul>
                     </div>
                  </nav>
               </div>
            </div>
            <div class="row">
               <div class="col-md-12">
                  <div id="myCarousel" class="carousel slide" data-ride="carousel">
                     <!-- Indicadores -->
                     <ol class="carousel-indicators">
                        <li data-target="#myCarousel" data-slide-to="0" class="active"></li>
                        <li data-target="#myCarousel" data-slide-to="1"></li>
                        <li data-target="#myCarousel" data-slide-to="2"></li>
                     </ol>
                     <!-- plantilla slider -->
                     <div class="carousel-inner">
                        <div class="item active">
                           <img src="imagenes/20130819180519.jpg" class="img-responsive" alt="Cnino1" style="width: 70%; height: 100%; margin:0 auto;">
                        </div>
                        <div class="item">
                           <img src="imagenes/20130819180556.jpg"  class="img-responsive" alt="Cnino2" style="width: 70%; height:100%; margin:0 auto">
                        </div>
                        <div class="item">
                           <img src="imagenes/20130819180644.jpg" class="img-responsive" alt="Cnino3" style="width: 70%;height: 100%; margin:0 auto">
                        </div>
                     </div>
                     <!-- Controles del Slide -->
                     <a class="right carousel-control" href="#myCarousel" data-slide="next">
                     <span class="glyphicon glyphicon-chevron-right"></span>
                     <span class="sr-only">Next</span>
                     </a>
                  </div>
               </div>
            </div>
      </div>
   </body>
</html>
不要在行中添加行。您未关闭包含徽标的行。请相应地更新您的标记

<div class="row">
    <div class="col-md-12" id="gradiente1">
        <img src="imagenes/logo - copia.png" class="Logo">
    </div>
</div>
我不确定我是否完全跟随你。。。问题是您有一个左右边距，并且不希望有边距？这是我的页面中的一个捕获