【发布时间】：2013-05-20 07:58:10
【问题描述】：
在我的手机上，我的英雄单元here 中的文字不太合适。我希望它包裹或收缩或其他东西。有关实施细节的任何建议？谢谢。
【问题讨论】：
标签： javascript html css twitter-bootstrap fluid-layout
【发布时间】：2013-05-20 07:58:10
【问题描述】：
如果您想缩小它，一种选择是重新定义 H1 大小，并可能重新定义小屏幕的 hero 填充。默认情况下，两者都是 60 像素，因此您可以使用类似
的媒体查询@media (max-width: 767px){
.hero-unit h1 {
font-size: 40px;
}
.hero{
padding:40px;
}
}
您可能需要使用填充、字体大小和视口最大宽度来获得您想要的结果，但这应该可以帮助您入门。
祝你好运
【讨论】：
-
一种选择是创建一个新的 custom-styles.css 样式表，将其保存到您的站点，然后在您的页面头部，在调用所有 Bootstrap CSS 文件后添加