css - 为什么我的引导页面在这里不适合移动设备？

我的网站托管在“ nateshmbhat.github.io”。我将domboostrp的row和col用于我的dom。但是它不适合移动设备（显示大量背景空间）。

站点：https://nateshmbhat.github.io/。
它是一个静态站点。

我如何解决它 ？

网站代码：https://github.com/nateshmbhat/nateshmbhat.github.io

最佳答案

看来您的卡使用的是“ m-5”类。

<div class="card m-5 hoverable projectCard" style="width: 22rem;">

如果希望他们使用boostrap进行响应，则该类为“ col-md-5”。

<div class="card col-md-5 hoverable projectCard">

它能回答您的问题吗？