为什么我的 bootstrap 页面不适合移动设备？

Question

我的网站托管在 "nateshmbhat.github.io"。我为 dom 使用了 mdboostrp 的行和列。但它对移动设备不友好（显示很多背景 space）。

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

我该如何解决？

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

Answer 1

将此标签添加到头部： <meta name="viewport" content="width=device-width, initial-scale=1">

Answer 2

您的卡片似乎使用 class "m-5"。

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

如果您希望他们使用 boostrap 响应，class 是 "col-md-5"。

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

它回答了你的问题吗？