zoukankan      html  css  js  c++  java
  • bootstrap总结(暂时还不全)

    加上<meta name="viewport" content="width=device-width, initial-scale=1">网页就能适配移动端
    加上<link rel="stylesheet" href="https://cdn.bootcss.com/normalize/8.0.1/normalize.min.css">就能清除浏览器自带的边缘8px
    bootstrap需要为页面内容和栅格系统包裹一个.container容器
    栅格系统
    想使用栅格系统,必须包裹在一个.container容器里边
    每一行均分成12列,每一个标签可以自定义占的列数(col-xx-xx),必须放在.row中
    中间那个xx,如果是电脑用md,如果是手机用xs,如果是平板用sm,如果是超大屏幕用lg
    col-md-5 col-md-offset-2 占十二行的五列,并且前面空两列,相当于从第三列开始
    如果一行中有:col-md-5,col-md-5,col-md-5的话,最后五列就会跑下去,因为一行只能容纳12列
    col-md-5 col-md-push-7 占五列,然后往后推了7列





  • 相关阅读:
    css布局
    css笔记
    css笔记
    css笔记
    HttpServletResponse简单理解
    SpringCloud Zuul网关的简单理解
    SpringCloud Zuul网关超时
    notepad++实用技巧
    Json常用代码
    含有Date属性的对象转化为Json
  • 原文地址:https://www.cnblogs.com/QimiSun/p/10067313.html
Copyright © 2011-2022 走看看