Question

我有两个固定的行。第一个是图像，第二个是菜单栏。当我试图在该两个固定行下面添加下一行（将包含另一个图像文件）时，图像文件将覆盖到第一行（固定行）。有人请帮帮我！谢谢。

<!DOCTYPE html>

<head>

        <link rel="stylesheet" href="http://maxcdn.bootstrapcdn.com/bootstrap/3.3.5/css/bootstrap.min.css">
        <script src="http://ajax.googleapis.com/ajax/libs/jquery/1/jquery.min.js"></script>

</head>

<body>
    <div class="container-fluid">
        <nav class="navbar navbar-default navbar-fixed-top" style="width:100%">
              <div class="row">

                        <div class="col-xs-12 col-sm-12 col-md-12 col-lg-12">
                        <img class="img-responsive" src="images/logo.png"></div>
                </div>
                <div class="row" >
                    <div class="col-xs-12 col-sm-12 col-md-12 col-lg-12">
                        <ul class="nav nav-tabs navbar-inverse">

                                        <li style="margin-right:15px"><a href="home.html">Home</a></li>
                                        <li style="margin-right:15px"><a href="aims.html">Our AIMS</a></li>
                                        <li style="margin-right:15px"><a href="mission.html">Mission</a></li>

                        </ul>
                    </div>
                </div>
        </nav>
    </div>

            <div class="container">
                <div class="row">
                     <div class="col-xs-12 col-sm-12 col-md-12 col-lg-12">
                        <img class="img-responsive" src="images/sideImg.jpg" alt="save humanity">
                     </div>
                </div>

            </div>

</body>
</html>

Answer 1

尝试以下示例。

<强> HTML

<div class="row custom">
</div>

<强> CSS

.custom{
  //your codes 
  }

如何防止bootstrap中的div重写

1 个答案: