我正在尝试将响应式图像添加到您以翠绿色看到的那个部分bg-primary
。
我正在尝试最终结果直接是图像或视频,而不是纯色,我附上了一些图像,以便您可以看到纯色部分,您可以在代码中看到参考
--------------------------------------------------代码 - - - - - - - - - - - - - - - - - - - - - - - -
<header class="masthead bg-primary text-white text-center "id="about">
<div class="container d-flex align-items-center flex-column ">
<!-- Masthead Avatar Image-->
<img class="masthead-avatar mb-5" src="omoiavatar.png" alt="jpg" />
<!-- Masthead Heading-->
<h1 class="masthead-heading mb-5">STUDIO OMOI</h1>
<!---------------------------------------------------Masthead Subheading------------------------------------------------------------>
<p class="masthead-subheading font-weight-light text-center ">illustrator | Motion Graphics | Concept</p>
</div>
</header>
github
https://github.com/Batvizz/Portfolio
页面(这样你就可以更好地看到我正在谈论的部分)
您只需要找到
.container
并更改backgroun-color
您拥有的以下样式:这是调整您的 img: URL和size和position的问题。