1. 程式人生 > >bootstrap總結(暫時還不全)

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列