问:大家好,
我目前对此网站有疑问
另外,我正在尝试基于引导程序构建CV模板,使我们和其他人可以快速将简历/简历转换为可用于移动设备的HTML格式,这是该项目的目的。
如果您调整浏览器的大小或在移动设备上查看,您会发现在任何给定的行位置,职位名称和日期都存在填充问题。
这是Bootstrap中的一种预先设置样式的选择器(不响应Bootstrap),我似乎不知道在哪里。想知道是否有人可以帮助解决这个问题。受影响的特定元素是职位名称和日期,它们都是<h4>标签。
我试图将lineheight属性重新调整为“正常”,但所做的只是给它额外的填充量。任何帮助,将不胜感激。
答:我只是检查了代码,认为我已经找到了问题。职务div的类别为span10,job-date的类别为span2。在较小的浏览器宽度下,span2类的宽度不足以容纳日期信息,因此它将包装为两行,并将其他所有内容下推。您可以将其更改为span8和span4之类的东西。
如果查看max-width:767px媒体查询中的bootstrap-sensitive.css文件,您会看到这些跨度类切换为display:block,width:100%。这也造成一些额外的间距。您可能还想将此时的工作日期div浮动。
最后,检查第344行周围的bootstrap.css。这些span类的高度为min:30px,这看起来还像是在增加您要填充的内容。
答:您提到的问题是在767px屏幕宽度上发生的吗?
我注意到.job-date和.job-title在单独的包含div中–这就是换行的原因(因为它们都是100%宽度的块级)。尝试将它们分组为1个包含元素的元素。
浮动.date保留在767px处,也可以使其在工作标题下很好地对齐。