一个互联网资讯与站长分享交流的平台
一个互联网资讯与站长分享交流的平台
代码本节内容相对来说比较简单，一般在个人博客上使用的较为频繁，用于显示代码的风格。在Bootstrap主要提供了三种代码风格：1、使用<code></code>来显示单行内联代码2、使用<pre></pre>来显示多行块代码3、使用<kbd></kbd>来显示用户输入代码预编译版本的Bootstrap将代码的样式单独提取出来：1、LESS版本，请查阅code.less文件2、Sass版本，请查阅_code.scss文件编译出...
强调内容在实际项目中，对于一些重要的文本，希望突出强调的部分都会做另外的样式处理。Bootstrap同样对这部分做了一些轻量级的处理。如果想让一个段落p突出显示，可以通过添加类名“.lead”实现，其作用就是增大文本字号，加粗文本，而且对行高和margin也做相应的处理。粗体粗体就是给文本加粗，在普通的元素中我们一般通过font-weight设置为bold关键词给文本加粗。在Bootstrap中，可以使用<b>和<strong>标签让文本直接加粗。斜体在排版中，除了用加粗...
段落（正文文本）段落是排版中另一个重要元素之一。在Bootstrap中为文本设置了一个全局的文本样式（这里所说的文本是指正文文本）：1、全局文本字号为14px(font-size)。2、行高为1.42857143（line-height），大约是20px(大家看到一串的小数或许会有疑惑，其实他是通过LESS编译器计算出来的，当然Sass也有这样的功能)。3、颜色为深灰色（#333）；4、字体为"Helvetica Neue", Helvetica, Arial, sans-s...
标题Bootstrap和普通的HTML页面一样，定义标题都是使用标签<h1>到<h6>,只不过Bootstrap覆盖了其默认的样式，使用其在所有浏览器下显示的效果一样，具体定义的规则可以如下表所示：通过比较可以发现，Bootstrap标题样式进行了以下显著的优化重置：1、重新设置了margin-top和margin-bottom的值， h1~h3重置后的值都是20px；h4~h6重置后的值都是10px。2、所有标题的行高都是1.1（也就是font-size的1...
全局样式在制作Web页面时，前端人员都习惯为网站设置一个全局样式（reset.css）。那么在Bootstrap框架中也不例外。Bootstrap框架的核心是轻量的CSS基础代码库，他并没有一味的重置样式，而是注重各浏览器基础表现，降低开发难度。大部分前端人员都具有归零的思想，但实际你会发现，归零之后的样式在开发过程中会存在着潜在的问题，例如，在全局样式表中将em变成一个普通标记，明明应该是斜体，怎么就没效果了呢？Bootstrap框架在这一部分做了一定的变更，不再一味追求归零，而是更注重重置可...
貌似从前天开始，Gravatar 头像服务就被彻底屏蔽了，国内没办法正常访问，就连之前使用的缓存头像到本地的方法，在国内主机中也失效了。今天在几个朋友的帮助下发现Gravatar 应该是彻底被墙了，根本无法访问了，可能是最近大会或者什么其他原因吧，还有人因为什么被抓起来了，太多东西也不好评价。我Gril Friend Wall 果然是天下无敌。年纪大了折腾的精力就不如从前了，只想用最简单的方法解决问题...
现在地上要是有 1 元钱，粘点泥巴，那是没人捡了，可是网上什么“淘金币”、“京豆”，折算下来，1 点也就值 1 分钱，一般是 5 个点，5 个点也就 5 分钱，并且前提是买了很多东西的情况下才把这个计作折扣。但是你知道我们要挣这 5 分钱需要花多少时间吗？我算了一下：从拿起手机，到启动软件，到按钮点击，到“淘金币”或“京豆”到手是 20 秒。这还是正常情况，像原来京东的“京豆”靠拼图来挣，这更坑。算算吧，20 秒 5 分钱（尽管不是真正的 5 分钱，是购买后优惠 5 分钱），那么折算成打工的话，...
初识Bootstrap2011年，twitter的“一小撮”工程师为了提高他们内部的分析和管理能力，用业余时间为他们的产品构建了一套易用、优雅、灵活、可扩展的前端工具集--BootStrap。Bootstrap由MARK OTTO和Jacob Thornton所设计和建立，在github上开源之后，迅速成为该站上最多人watch&fork的项目。大量工程师踊跃为该项目贡献代码，社区惊人地活跃，代码版本进化非常快速，官方文档质量极其高(可以说是优雅)，同时涌现了许多基于Bootstrap建...
近期评论