用户工具

站点工具


web:bootstrap

Bootstrap-4中文网

  • CDN:integrity为了防止CDN篡改内容,jquery+proper+bootstrap,start.html
<link rel="stylesheet" href="https://stackpath.bootstrapcdn.com/bootstrap/4.1.3/css/bootstrap.min.css" integrity="sha384-WskhaSGFgHYWDcbwN70/dfYBj47jz9qbsMId/iRN3ewGhXQFZCSftd1LZCfmhktB" crossorigin="anonymous">
<script src="https://code.jquery.com/jquery-3.3.1.slim.min.js" integrity="sha384-q8i/X+965DzO0rT7abK41JStQIAqVgRVzpbzo5smXKp4YfRvH+8abtTE1Pi6jizo" crossorigin="anonymous"></script>
<script src="https://cdnjs.cloudflare.com/ajax/libs/popper.js/1.14.3/umd/popper.min.js" integrity="sha384-ZMP7rVo3mIykV+2+9J3UJ46jBk0WLaUAdn689aCwoqbBJiSnjAK/l8WvCWPIPm49" crossorigin="anonymous"></script>
<script src="https://stackpath.bootstrapcdn.com/bootstrap/4.1.3/js/bootstrap.min.js" integrity="sha384-smHYKdLADwkXOn1EmN1qk/HfnUcbVRZyYmZ4qpPea6sjB/pTJ0euyQp0Mk8ck+5T" crossorigin="anonymous"></script>
  • 框架基础
主题颜色:primary蓝 secondary灰 success绿 danger红 warning黄 info青 light浅 dark深
媒体等级:xs extra-small-575,sm small-767,md medium-991,lg large-1199,xl extra-large
布局容器:div.container:响应式的、固定宽度的容器;div.container-fluid:流式自适应容器;基于flexbox
栅格布局:dir.row行包含多个列,支持12列×5等级:div.col col-4 col-md-4 正则col[-sm|md|lg|xl][-\d+]
对齐内容:row垂直align-items-start|center|end,col水平align-self-start|center|end,.w-100强制换行
排序偏移:.order-first首列(-1) .order-1在无order列(=0)之后 .order-12指定顺序 .offset-md-4列偏移
web/bootstrap.txt · 最后更改: 2020/04/03 09:57 由 admin