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

时间:2018-07-23 07:42:10

标签: css twitter-bootstrap twitter-bootstrap-3 bootstrap-4 mdbootstrap

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

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

我该如何解决?

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

2 个答案:

答案 0 :(得分:1)

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

答案 1 :(得分:0)

您的卡似乎使用的是“ m-5”类。

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

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

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

它回答了您的问题吗?