排版样式

#文本对齐

text-left

text-right

text-center

#块标签对齐

pull-left

pull-right

center-block


#一行三个图片时。想要中间图片隐藏,使用col-md-offset-4偏移4列

#h1→h6 class,给inline属性的文本赋予标题的样式

#副标题

small标签

#页面主体

#排版样式

h标签有个page-header类,可以在标题文字下加分割线,将标题与文本内容分开

p标签如果想要里面的文本内容更突出,即适当加大文字,使用lead类

strong和b标签加粗文字,建议使用strong

em和i标签是文字变成斜体,建议使用em

#强调class(文字颜色的强调,带有样式滑动效果,即加入了js特效)

text-muted:柔和色

text-primary:浅蓝色

text-success:深绿色

text-info:深蓝色

text-warning:棕色

text-danger:红色

鼠标在字体上滑动时,字体颜色会有微微变化

#缩略语

abbr标签,<abbr title=“你好”>哈哈</abbr>

当鼠标放在哈哈上时,出现你好

#默认样式的引用

<blockquote>标签表示文章的标题引用与来自哪(用于文章的排版)

#无序列表

ul标签的list-unstyled类去掉前面的点,去掉了padding和margin

ul标签的list-group类加上li标签的list-group-item类,实现每一行的特效,鼠标滑动时。出现块状的滑动

#菜单的制作

ul标签使用list-inline类,取消块特性,使用浮动

#自定义列表

<dl>

<dt></dt>

<dd></dd>

</dl>

风格已变动,无需家类名

dl的dl-horizontal类名,使dt和dd内容在一行

最后编辑于
©著作权归作者所有,转载或内容合作请联系作者
【社区内容提示】社区部分内容疑似由AI辅助生成,浏览时请结合常识与多方信息审慎甄别。
平台声明:文章内容(如有图片或视频亦包括在内)由作者上传并发布,文章内容仅代表作者本人观点,简书系信息发布平台,仅提供信息存储服务。

相关阅读更多精彩内容

  • 问答题47 /72 常见浏览器兼容性问题与解决方案? 参考答案 (1)浏览器兼容问题一:不同浏览器的标签默认的外补...
    _Yfling阅读 14,697评论 1 92
  • Android 自定义View的各种姿势1 Activity的显示之ViewRootImpl详解 Activity...
    passiontim阅读 176,564评论 25 709
  • 发现 关注 消息 iOS 第三方库、插件、知名博客总结 作者大灰狼的小绵羊哥哥关注 2017.06.26 09:4...
    肇东周阅读 14,743评论 4 61
  • 01 我的订阅号越来越多,每天都能看到各类文章的推送,关于爱情的,关于层次的,关...
    春泥香阅读 2,299评论 0 3
  • 最近创业指导认知在升级,从认知边界升级上升到了认知思维升级。你没有全新的思维认知能力就完蛋了。那今天我就来用数据思...
    五彩冰峰阅读 3,502评论 0 0

友情链接更多精彩内容