bootstrap源码解析-code

code部分源码解析(不含kdb)

code(已转成css)

code {
  padding: 2px 4px;
  font-size: 90%;
  color: #c7254e;
  background-color: #f9f2f4;
  border-radius: 3px;
}

效果图

code效果图

pre(已转成css)

pre {
  display: block;
  padding: 9px;
  margin: 0 0 20px;
  font-size: 13px;
  line-height: 1.428571429;
  word-break: break-all;
  word-wrap: break-word;
  color: lighten(#000, 20%);
  background-color: #f5f5f5;
  border: 1px solid #ccc;
  border-radius: 3px;
}

效果图

pre效果图

其他

bootstrap里面对于pre里面嵌code做了一些处理,这里就不细说了

总结

样式都挺简单的,没什么太值得细说的

最后编辑于
©著作权归作者所有,转载或内容合作请联系作者
平台声明:文章内容(如有图片或视频亦包括在内)由作者上传并发布,文章内容仅代表作者本人观点,简书系信息发布平台,仅提供信息存储服务。

推荐阅读更多精彩内容

  • Bootstrap是什么? 一套易用、优雅、灵活、可扩展的前端工具集--BootStrap。GitHub上介绍 的...
    凛0_0阅读 13,734评论 3 184
  • Android 自定义View的各种姿势1 Activity的显示之ViewRootImpl详解 Activity...
    passiontim阅读 175,734评论 25 709
  • 第5章 菜单、按钮及导航 一、下拉菜单 小伙伴们注意,在Bootstrap框架中的下拉菜单组件是一个独立的组件,根...
    凛0_0阅读 10,515评论 0 66
  • 与陈孩时之玩伴,家不过相离百米,汝虽长两岁,入学相差一级,同校之初毕业,一为南一,一为坎中,至此乃始相见...
    行吟游人阅读 2,299评论 4 1
  • 1、数组中为什么不能放基本数据类型? ->原因1:NSObject 具有内存管理的功能而retain、 relea...
    90后的晨仔阅读 3,192评论 0 0