我的个人资料页面不适用于使用引导css和html的手机屏幕

嗨，我想用css html和bootstrap 3制作一个个人资料页面，我的问题是这个页面不适合手机，我很抱歉，因为我在bootstrap中跟随初学者。还有

profile nav

我想在一行中。你可以在这里查看

html{
字体系列：“proxima nova”，无衬线；
}
/*将自然长方体布局模型应用于所有图元*/
*，*：之前，*：之后{
-moz框大小：边框框；
-webkit框大小：边框框；
框大小：边框框；
}
html，html a{
-webkit字体平滑：抗锯齿！重要；
文本阴影：1px1px1pRGBA（0,0,0,0.004）；
}
a{
文字装饰：无；
颜色：继承；
}
/* ==== */
.网站标题{
高度：44px；
宽度：100%；
边框底部：1px实心#e1e1；
}
.封面照片{
宽度：980px；
高度：250px；
保证金：0自动；
背景色：#F5；
位置：相对位置；
z指数：1；
}
.身体{
宽度：980px；
保证金：0自动；
z指数：4；
位置：相对位置；
}
.左栏，.右栏{
宽度：226px；
浮动：左；
最小高度：400px；
位置：相对位置；
}
.左栏{
右边距：24px；
位置：相对位置；
顶部：-150px；
左：8px；
}
.中央山口{
浮动：左；
宽度：480px；
右边距：24px；
最小高度：400px；
}
.右上校{
背景颜色：蓝色；
}
/*左列*/
.用户信息h1{
字体大小：24px；
字号：600；
线高：1.2；
垫面：4px；
}
.用户信息h2{
颜色：#666；
字体大小：16px；
}
.user info.meta{
填充：8px0；
字体大小：14px；
}
.user info.meta p{
线高：1.6；
}
.user info.meta i{
字号：0.95em；
右侧填充：2px；
}
.个人资料头像{
宽度：218px；
高度：218px；
边框：1px实心#e1e1；
背景色：#fff；
右：0；
}
.个人资料阿凡达.内心{
宽度：206px；
高度：206px；
保证金：5px；
}
/*居中*/
.图像网格{
宽度：100%；
}
.图像网格li{
浮动：左；
背景色：#EFEF；
}
.image-grid.col-31 li{
宽度：32%；
保证金权利：2%；
利润底部：2%；
身高：0；
垫底：30%；
-webkit背景大小：100%；
背景大小：100%；
}
.image-grid.col-31 li:n子项（3n）{
右边距：0；
}
.image-grid.col-3 li{
宽度：32%；
保证金权利：2%；
利润底部：2%；
身高：0；
垫底：30%；
-webkit背景大小：100%；
背景大小：100%；
}
.image-grid.col-3 li:n子项（3n）{
右边距：0；
}
.剖面导航{
高度：46px；
背景色：白色；
边框底部：2个实心#e1e1；
边缘底部：8px；
}
.剖面导航ul>li{
颜色：#999；
字体大小：14px；
浮动：左；
线高：44px；
字号：600；
填充：0 22px；
光标：指针；
}
.profile导航李激活{
颜色：#1E；
}
.内容.单位{
填充：8px 0 10px 0；
边框底部：2个实心#e1e1；
边缘底部：8px；
}
.内容.单位：最后一个孩子{
边缘底部：16px；
}
.内容.单元h3{
利润底部：4倍；
颜色：#777；
}
.内容.单元h3 a{
颜色：#1E；
字号：600；
}
.内容.单位p.时间{
颜色：#777；
字体大小：14px；
边缘底部：8px；
}
.内容.单位.更多{
字体大小：14px；
颜色：#777；
}
.内容.单位.更多a{
颜色：#777；
}

文件
马尔祖克·纳吉布
提案人
Tinghir（tihit[tihit soufla]）

哈伊·蒂希特·廷希尔

曼苏尔·蒂希特·廷希尔

2008年12月26日加入


转换图像
轮廓图像
我的固有形象
我的信息

CSS类中存在此类错误，例如，“col md 12”必须是“col-md-12”等。您还需要注意您的列结构

---

为了理解引导CSS，您可以阅读非最小化CSS并找到它们所需的类。

您好，欢迎来到这里，您的问题基本上是新手的错误。您拥有声明的固定宽度为980px的元素。这比任何手机屏幕尺寸都大（最大480px）。请阅读移动设备的硬件像素（物理像素）和视口像素（css像素）之间的差异。然后使用媒体查询创建移动应用的设计。