导入
相册布局
学习如何优化官方 Bootstrap 网站上提供的相册布局。
...
专辑示例
No configuration found for ID: d684b2b07b5da74cb2f639818ae051ca0082e974f6c9bb9a1d0a583f3c957b2c
...
导航栏变换
...
Adian Korte 摄影作品
Jumbotron_HTML
1<section class="jumbotron jumbotron-image"> 2 ... 3 <!-- 在此处编写 Jumbotron 的内容 --> 4</section>
Jumbotron_CSS
1.jumbotron-image { 2 background-image: url('assets/Images/Bootstrap_4_Layouts_in_Depth_Images/Chapter5/Music.jpg'); 3 background-size: cover; 4 background-repeat: no-repeat; 5}
1<div class="row"> 2 <div class="col-md-3"> 3 ... 4 </div> 5</div>
...
预期输出
No configuration found for ID: 06b0268d571eb5df344a274928aae01fd5a76f38838f478823333b590a9e9928
我们的布局现在看起来好了一些，但仍有一些改进空间。例如，我们可以调整背景图片，使留声机能够被看到。这意味着我们需要从底部显示背景图片。我们还可以将导航栏的颜色改为更深的背景色，并将文字颜色调浅一些。
