bootstrap学习心得总结
生活随笔
收集整理的這篇文章主要介紹了
bootstrap学习心得总结
小編覺得挺不錯的,現在分享給大家,幫大家做個參考.
官方文檔:添加鏈接描述
1.怎么用bootstrap
1、下載解壓放到自己的項目中
2、在<head></head>標簽里面引入:<meta name="viewport" content="width=device-width, initial-scale=1.0">
3、引入jq的js文件
4、引入bootstrap的js文件
5、復制粘貼修改官方文件代碼塊
2.顏色區分
1、default
2、success
3、info
4、warning
5、danger
6、primary
(使用在btn-info bg-info)
3.尺寸區分
xs、sm、md、lg (使用在btn-lg)
4.柵格系統
1、柵格系統寫在.row下
2、xs:0 - 768
3、sm:768 - 992
4、md:992 - 1200
5、lg: >1200
5.標題柵格系統位移
col-xx-offset-* 表示在xx屏幕尺寸下向右位移 *列
6.顯示與隱藏
hidden-xx 在xx尺寸下隱藏
visible 只在xx尺寸下顯示
總結
以上是生活随笔為你收集整理的bootstrap学习心得总结的全部內容,希望文章能夠幫你解決所遇到的問題。
- 上一篇: 使用prometheus(普罗米修斯)监
- 下一篇: 上海浮生记——溜达出来的美食