html - 在导航栏和横幅之间添加颜色(前端)
问题描述
我对前端有点陌生。我正在尝试为项目编写 psd 代码。但我很难理解。我有学习的欲望。我使用引导程序 4。横幅和导航栏之间有白度。旗帜下也有绿色植物。我知道,我有很多错误。我从示例主题中获得了帮助。你能帮我做这个项目吗?
<nav class="navbar navbar-default navbar-fixed-top">
<div class="container">
<div class="navbar-header">
<button type="button" class="navbar-toggle" data-toggle="collapse" data-target="#myNavbar">
<span class="icon-bar"></span>
<span class="icon-bar"></span>
<span class="icon-bar"></span>
</button>
<a class="navbar-brand" href="#"><img src="img/logo.png" style="max-width: 170px; margin-top: -7px;"></a>
</div>
<div class="collapse navbar-collapse" id="myNavbar">
<ul class="nav navbar-nav navbar-right">
<li><a href="#feature">Features</a></li>
<li><a href="#organisations">Organisations</a></li>
<li><a href="#courses">Courses</a></li>
<li><a href="#pricing">Pricing</a></li>
<li><a href="#" data-target="#login" data-toggle="modal">Sign in</a></li>
<li class="btn-trial"><a href="#footer">Free Trail</a></li>
</ul>
</div>
</div>
<div class="banner">
<div class="bg-color">
<div class="container">
<div class="row">
<div class="banner-text text-center">
<div class="text-border">
<h1 class="text-dec">PARAN PUL OLMASIN</h1>
</div>
<div class="intro-para text-center quote">
<h2 class="big-text">ARSAM OLSUN</h2>
<div>
<form class="mc-trial row">
<div class="form-group col-md-3 col-md-offset-2 col-sm-4">
<div class=" controls">
<input name="name" placeholder="Enter Your Name" class="form-control" type="text">
</div>
</div>
<!-- End email input -->
<div class="form-group col-md-3 col-sm-4">
<div class=" controls">
<input name="EMAIL" placeholder="GSM" class="form-control" type="number">
</div>
</div>
<!-- End email input -->
<div class="col-md-2 col-sm-4">
<p>
<button name="submit" type="submit" class="btn btn-block btn-submit">
Submit <i class="fa fa-arrow-right"></i></button>
</p>
</div>
</form>
</div>
</div>
</div>
</div>
</div>
<a href="#feature" class="mouse-hover">
<div class="mouse"></div>
</a>
</div>
</div>
</div>
</div>
解决方案
您可以在 HTML 代码中创建导航和横幅之间的边,然后在 CSS 中
aside {
background-color: youchoose;
}
推荐阅读
- c# - 如何在 LINQ 中将数据整形为分组项
- typescript - 如何使用角度 8 在 ngx-boostrap 中显示日期格式 dd/mm/yyy - dd/mm/yyyy
- php - 将公钥/私钥存储到变量中还是读取 PEM 文件更好?
- javascript - 通过先前的选择填充下拉列表 Spring Boot Thymeleaf
- spring - ReactiveCrudRepository 没有被 Spring 发现注入到其他类中
- python - Pandas Python 迭代或 mod
- reactjs - 测试时,导致 React 状态更新的代码应该被包装到 act (...)
- pyspark - AWS EMR,使用 terraform 提交 python pyspark 脚本作为步骤
- python - 如何清理字符串以按日期获取感兴趣单词的 value_counts?
- html - iphone上的背景图片太放大了