开发工具 对 bootstrap 的 hero-unit 不满意的地方,如何改进?

chen_bin · 2012年11月07日 · 最后由 chen_bin 回复于 2012年11月08日 · 7064 次阅读

hero-unit 默认的 h1 的字体太大了,在手机上 (htc desire) 上看,如果单词略长就会超出屏幕,很难看,twitter 的 demo 还可以是因为它选了很短的两个词 (hello world).我想问一下在 sample 上进一步改进有什么好方法或者网站?也许其他人已经在 bootstrap 上做了改进,我就不重新发明轮子了。

作为一个比较优秀的例子,phonegap.com 很不错,但是那个网站不是基于 bootstrap 的,我要基于 bootstrap 开发。

style 自己可以定义吧,你想怎么改都可以啊!!!

谢谢,有没有其他更 advanced 的例子可以借鉴一下 (主要是字体,间距的设置),技术上怎么做我知道,只是我不是 designer.

花钱买一套现成的主题或者让人给定制一套

我自己回答吧。我读了 bootstrap 的文档,实际上例子就在在线文档本身,看文件http://twitter.github.com/bootstrap/assets/css/docs.css, 这是基于 bootstrap 进一步定制的 css,效果和 phonegap.com 比较接近了 (例如 hero-unit 内的 h1 字体更加细一点),如要根据手机屏幕优化,参考 docs.css 其中用 media query 的例子,我用了 class="market",做了一些小的改动。

需要 登录 后方可回复, 如果你还没有账号请 注册新账号