关于bootstrap的引用及常用标签

http://v3.bootcss.com/

web应用服务器:

发布网页

网址为:

http://ip:端口/项目名/页面

1.Apache tomcat (oracle -- weblogic)

2.IIS(MSL提供负载均衡)

IIS Express轻量级IIS

CDN:内容分发网络,发送请求以后网络会判断你最近的资源在哪

www.bootcdn.cn提供了免费资源

缺点是需要网络支持,所以会在本地也做备份,以防没有网络

解决兼容性问题:

(360浏览器支持高速模式。其他的国内浏览器不支持)

关于搜索引擎

自定义样式写在bootstrap提供的样式文件后面

bootstrap,js + jquery.3.1.0

放在之前是为了不影响网页加载

container:容器布局,可以写在任何位置。自动设置留白。

container-fluid:流式布局

navbar:导航条

navbar-inverse:颜色反转

navbar-fixed-bottom:导航条固定在底部

navbar-fixed-top:导航条固定在顶部

navbar-header

navbar-brand:相当于logo

navbar-nav:导航条的nav,还提供了其他的导航

text-center:文本居中

label-info:有语义的label标签

collapse:容器折叠

navbar-collapse:导航折叠

icon-bar:移动端接收以后导航菜单的图标

按钮相关:

btn:按钮样式

btn-primary:带圆角按钮

btn-default:

btn-danger:

btn-success:

btn-warning:

pull-right:居右

字体图标相关类: 可以用在任何地方

glyphicon:字体图标

glyphicon-home:主页图标

列表相关类:

list-group:定义列表

list-group-item:定义列表项

表格相关类:

table:定义表格的样式

table-hover:

table-striped:斑马线样式

table-condensed:压缩,紧凑型表格

保留原有格式,但是会把不想要的空格也留下



pre标签

保留原有格式,但是会把不想要的空格也留下

code标签

内联代码,会把代码相应的颜色保留下来

kbd标签

模拟键盘

var标签

变量

samp标签

程序输出,仅仅是做个输出样式



稍完整的pdf版笔记

推荐阅读更多精彩内容

  • 第5章 菜单、按钮及导航 一、下拉菜单 小伙伴们注意,在Bootstrap框架中的下拉菜单组件是一个独立的组件,根...
    凛0_0阅读 3,968评论 0 66
  • 特点 跨设备、跨浏览器 响应式布局 提供了全面的组件 内置jQuery插件 支持HTML5、CSS3 支持LESS...
    osoLife阅读 712评论 0 2
  • CSS全局样式 概览 移动设备优先 布局容器 1、container类用于固定宽度并支持响应式布局的容器 2、co...
    VEN_64d6阅读 810评论 0 1
  • 流氓情怀 没了感情的色彩,何种调配都无味,当爱变成欲望或性依赖,幸福早已颓废,灵魂做了傀儡,皮囊没了自由滋味,压抑...
    王子真心阅读 136评论 0 1
  • 以下是近来读王小波《一只特立独行的猪》一书的摘录。摘录这件事耗时费力,也没有什么最直接的用处。但我喜欢做这样的事情...
    墨花阅读 1,246评论 7 16