Bootstrap æ¯å ¨çæå欢è¿çå端å¼æºå·¥å ·åºï¼å®æ¯æ Sass åéå mixinãååºå¼æ æ ¼ç³»ç»ãèªå¸¦å¤§éç»ä»¶åä¼å¤å¼ºå¤§ç JavaScript æ件ãåºäº Bootstrap æä¾ç强大åè½ï¼è½å¤è®©ä½ å¿«é设计并å®å¶ä½ çç½ç«ã
å½åçæ¬ï¼v4.6.2
éè¿ npmãComposerãæè Meteorï¼å¯ä»¥å° Bootstrap ç Sass å JavaScript æºç å®è£ å°æ¬å°ã
éè¿è½¯ä»¶å 管çå·¥å ·æå®è£ ç Bootstrap æ¯ä¸å å«æ档以åå®æ´çæ建èæ¬çãä½ è¿å¯ä»¥ å©ç¨æ们æä¾ç npm å·¥ç¨æ¨¡æ¿æºç ä»åº å¿«éçæä¸ä¸ª Bootstrap 项ç®ã
æ¥çå®è£ ææ¡£npm install bootstrapgem install bootstrap -v 4.6.2å¦æä½ åªæ¯éè¦ä½¿ç¨ Bootstrap çé¢ç¼è¯ CSS æ JS æ件ï¼ä½ å¯ä»¥ç´æ¥ä½¿ç¨ BootCDN æä¾çå è´¹ CDN å éæå¡ã
éè¿æ们æä¾çè¿äºç®åç å ¥é¨æ¨¡æ¿ æ æµè§è¿äºç¤ºä¾ 以便帮å©ä½ å¿«éå¯å¨ä¸ä¸ªæ°é¡¹ç®ãä½ è¿å¯ä»¥éæ©å¼å ¥ Popper.js åæ们æä¾ç å个ç¬ç«ç JS æ件ã
æ¢ç´¢ææ¡£<!-- CSS -->
<link href="https://cdn.bootcdn.net/ajax/libs/twitter-bootstrap/4.6.2/css/bootstrap.min.css" rel="stylesheet" integrity="sha384-xOolHFLEh07PJGoPkLv1IbcEPTNtaed2xpHsD9ESMhqIYd0nLMwNLD69Npy4HI+N" crossorigin="anonymous">
<!-- jQuery and JavaScript Bundle with Popper -->
<script src="https://cdn.bootcdn.net/ajax/libs/jquery/3.5.1/jquery.slim.js" integrity="sha384-DfXdz2htPH0lsSSs5nCTpuj/zy4C+OGpamoFVy38MVBnE+IbbVYUew+OrCXaRkfj" crossorigin="anonymous"></script>
<script src="https://cdn.bootcdn.net/ajax/libs/twitter-bootstrap/4.6.2/js/bootstrap.bundle.min.js" integrity="sha384-7ymO4nGrkm372HoSbq1OY2DP4pEZnMiA+E0F3zPr+JQQtQ82gQ1HPY3QIVtztVua" crossorigin="anonymous"></script>
Bootstrap æå²ä»¥æ¥ç¬¬ä¸æ¬¡æ¥æèªå·±çå¼æº SVG å¾æ åºï¼æ¨å¨é åæ们çç»ä»¶åææ¡£ä¸èµ·ä½¿ç¨ã
Bootstrap å¾æ åºæ¨å¨ä¸ Bootstrap ç»ä»¶é å使ç¨ï¼ä½å®ä»¬ä¹å¯ä»¥ä½¿ç¨å°ä»»ä½é¡¹ç®ä¸ãè¿äºå¾æ æ¯ SVG æ ¼å¼çï¼å æ¤å®ä»¬å¯ä»¥è¢«å¿«éè½»æ¾å°ç¼©æ¾ãå¯ä»¥éè¿å¤ç§æ¹å¼ä½¿ç¨ã并ä¸å¯ä»¥ä½¿ç¨ CSS è®¾ç½®æ ·å¼ã
è·å Bootstrap å¾æ åº
å®æ¹ Bootstrap 主é¢å¸åº æä¾äºè®¸å¤é«çº§ä¸»é¢ï¼è®© Bootstrap æåå°äºä¸ä¸ªæ°çæ°´å¹³ã
è¿äºä¸»é¢æ¯åºäº Bootstrap æ建çï¼å¹¶ä½ä¸ºä»ä»¬èªå·±çæ©å±æ¡æ¶ï¼å å«äºä¸°å¯çæ°ç»ä»¶åæ件ãæ档以åæå»ºå·¥å ·ã
æµè§ä¸»é¢