我试图把卡放在中心位置,但是没有把卡放在适当的位置,因为开端人无法确保做些什么。
</head>
<body>
<div class="container d-flex align-items-center >
<div class="row">
<div class="col-md-4 col-12">
<div class="card bg-card mx-auto col-12 mx-auto">
<div class="card-body align-items-center justify-content-center text-center">
<img class="rounded-circle mx-auto d-block max-width:auto height:25px mt-3" src="avatar-jessica.jpeg" alt=""
style="height: 100px; max-width: auto;"
>
<div>
<h5 class="text-white mt-2">Jessica Randall</h5>
<p class="text-green">London, United Kingdom</p>
<p class="text-white">"Front-end developer and avid reader."</p>
</div>
<div class="mx-auto col-9 d-grid gap-3">
<a class="btn btn-primary" href="#" role="button">GitHub</a>
<a class="btn btn-primary" href="#" role="button">Frontend Mentor</a>
<a class="btn btn-primary" href="#" role="button">LinkedIn</a>
<a class="btn btn-primary" href="#" role="button">Twitter</a>
<a class="btn btn-primary mb-3" href="#" role="button">Instagram</a>
</div>
</div>
</div>
</div>
</div>
</div>
</body>
</html>
https://i.stack.imgur.com/g4O3A.png”rel=“nofollow noreferer”> 在同位素中,你可以看到我走到什么路程。
Ive looked up on many pages but I didn t find a solution, i want the card to be in the center of the screen. this is my goal
