美文网首页我爱编程
关于bootstrap的引用及常用标签

关于bootstrap的引用及常用标签

作者: 忆小遗 | 来源:发表于2016-10-13 09:25 被阅读0次

    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版笔记

    相关文章

      网友评论

        本文标题:关于bootstrap的引用及常用标签

        本文链接:https://www.haomeiwen.com/subject/crlwyttx.html