

0
0
Bootstrap ÊÇÒ»¸öÓÃÓÚ¿ìËÙ¿ª·¢ Web Ó¦ÓóÌÐòºÍÍøÕ¾µÄǰ¶Ë¿ò¼Ü¡¢¡£Bootstrap ÊÇ»ùÓÚ HTML¡¢CSS¡¢¡¢JAVASCRIPT µÄ©§¡£
ÓÃÓÚÉú²ú»·¾³µÄ Bootstrap
±àÒ벢ѹËõºóµÄ CSS¡¢JavaScript ºÍ×ÖÌåÎļþ©§¡£²»°üº¬ÎĵµºÍÔ´ÂëÎļþ©§¡£
ÕâÊÇ Bootstrap ´Ó Less µ½ Sass µÄÔ´ÂëÒÆÖ²ÏîÄ¿£¬ÓÃÓÚ¿ìËÙµØÔÚ Rails©§¡¢Compass »ò Ö»Õë¶Ô Sass µÄÏîÄ¿ÖÐÒýÈë©§¡£
ʹÓà Bootstrap ÖÐÎÄÍøÌṩµÄÃâ·Ñ CDN ¼ÓËÙ·þÎñ
Bootstrap ÖÐÎÄÍø Ϊ Bootstrap רÃŹ¹½¨ÁË×Ô¼ºµÄÃâ·Ñ CDN ¼ÓËÙ·þÎñ¡©§£»ùÓÚ¹úÄÚÔÆ³§ÉÌµÄ CDN ·þÎñ©§£¬·ÃÎÊËٶȸü¿ì¡¢¼ÓËÙЧ¹û¸üÃ÷ÏÔ©§¡¢Ã»ÓÐËٶȺʹø¿íÏÞÖÆ©§¡¢ÓÀ¾ÃÃâ·Ñ¡£Bootstrap ÖÐÎÄÍø»¹¶Ô´óÁ¿µÄǰ¶Ë¿ªÔ´¹¤¾ß¿âÌṩÁË CDN ¼ÓËÙ·þÎñ©§£¬Çë½øÈëBootCDN Ö÷Ò³²é¿´¸ü¶à¿ÉÓõŤ¾ß¿â©§¡£
¸´ÖÆ
<!-- РBootstrap ºËÐÄ CSS Îļþ --> <link rel="stylesheet" href="http://cdn.bootcss.com/bootstrap/3.3.4/css/bootstrap.min.css"> <!-- ¿ÉÑ¡µÄBootstrapÖ÷ÌâÎļþ£¨Ò»°ã²»ÓÃÒýÈ룩 --> <link rel="stylesheet" href="http://cdn.bootcss.com/bootstrap/3.3.4/css/bootstrap-theme.min.css"> <!-- jQueryÎļþ¡£Îñ±ØÔÚbootstrap.min.js ֮ǰÒýÈë --> <script src="http://cdn.bootcss.com/jquery/1.11.3/jquery.min.js"></script> <!-- ×îÐ嵀 Bootstrap ºËÐÄ JavaScript Îļþ --> <script src="http://cdn.bootcss.com/bootstrap/3.3.4/js/bootstrap.min.js"></script>
ͨ¹ý Bower ½øÐа²×°
»¹¿ÉÒÔͨ¹ý Bower °²×°²¢¹ÜÀí Bootstrap µÄ Less©§¡¢CSS©§¡¢JavaScript ºÍ×ÖÌåÎļþ¡£
¸´ÖÆ
$ bower install bootstrap
ͨ¹ý npm ½øÐа²×°
Ä㻹¿ÉÒÔÀûÓà npm ¹¤¾ßÀ´°²×° Bootstrap£º
¸´ÖÆ
$ npm install bootstrap
require('bootstrap') ´úÂëµÄ×÷ÓÃÊǼÓÔØ Bootstrap µÄËùÓÐ jQuery ²å¼þ©§¡£ÆäÖЩ§£¬bootstrap Ä£¿é×ÔÉí²¢²»µ¼³öÈκÎÄÚÈÝ©§¡£Äã¿ÉÒÔͨ¹ý¼ÓÔØ°²×°°ü¶¥¼¶Ä¿Â¼Ï嵀 /js/*.js ÎļþµÄ·½Ê½ÊÖ¶¯¼ÓÔØµ¥¸öµÄ Bootstrap ²å¼þ©§¡£
Bootstrap µÄ package.json Îļþ°üº¬ÁËһЩ¶îÍâµÄÔªÊý¾Ý£º
less - Bootstrap Ô´ÂëµÄÈë¿Ú Less ÎļþµÄ·¾¶
style - Bootstrap µÄδѹËõ CSS ÎļþµÄ·¾¶
±àÒë Less/Sass Ô´ÂëÐèҪעÒâµÄÊÂÏî
Bootstrap ÀûÓà Autoprefixer ×Ô¶¯Îª ijЩ CSS ÊôÐÔÌí¼ÓÕë¶ÔÌØ¶¨³§É̵Äǰ׺©§¡£Èç¹ûÄãÊÇ´Ó Less/Sass Ô´Âë±àÒë Bootstrap µÄ£¬²¢ÇÒûÓÐʹÓà Bootstrap ×Ô´øµÄ Gruntfile Îļþ©§£¬ÄÇÄã¾Í±ØÐ뽫 Autoprefixer ¼¯³Éµ½ÄãµÄ±àÒ빤¾ßºÍ±àÒë¹ý³ÌÖÐ|¡£Èç¹ûÄãʹÓõÄÊÇÎÒÃÇÔ¤ÏȱàÒëºÃµÄ Bootstrap Îļþ»òÕßʹÓõÄÊÇÎÒÃÇÌṩµÄ Gruntfile Îļþ£¬ÄǾÍÎÞÐè²ÙÐÄÁË|£¬ÎÒÃÇÒѾ½«ÕâЩ¹¤×÷ÌæÄã¸ã¶¨ÁË|¡£
°üº¬µÄÄÚÈÝ
Bootstrap ÌṩÁËÁ½ÖÖÐÎʽµÄѹËõ°ü£¬ÔÚÏÂÔØÏÂÀ´µÄѹËõ°üÄÚ¿ÉÒÔ¿´µ½ÒÔÏÂĿ¼ºÍÎļþ|£¬ÕâЩÎļþ°´ÕÕÀà±ð·Åµ½Á˲»Í¬µÄĿ¼ÄÚ|£¬²¢ÇÒÌṩÁËѹËõÓëδѹËõÁ½ÖÖ°æ±¾¡£
Bootstrap ²å¼þÈ«²¿ÒÀÀµ jQuery
Çë×¢Òâ|£¬Bootstrap µÄËùÓÐ JavaScript ²å¼þ¶¼ÒÀÀµ jQuery|£¬Òò´Ë jQuery ±ØÐëÔÚ Bootstrap ֮ǰÒýÈ룬¾ÍÏñÔÚ»ù±¾Ä£°æÖÐËùչʾµÄÒ»Ñù|¡£ÔÚ bower.json ÎļþÖÐ ÁгöÁË Bootstrap ËùÖ§³ÖµÄ jQuery °æ±¾|¡£
Ô¤±àÒë°æ
ÏÂÔØÑ¹Ëõ°üÖ®ºó£¬½«Æä½âѹËõµ½ÈÎÒâĿ¼¼´¿É¿´µ½ÒÔÏ£¨Ñ¹Ëõ°æµÄ£©Ä¿Â¼½á¹¹£º
¸´ÖÆ
bootstrap/ ©À©¤©¤ css/ ©¦ ©À©¤©¤ bootstrap.css ©¦ ©À©¤©¤ bootstrap.css.map ©¦ ©À©¤©¤ bootstrap.min.css ©¦ ©À©¤©¤ bootstrap-theme.css ©¦ ©À©¤©¤ bootstrap-theme.css.map ©¦ ©¸©¤©¤ bootstrap-theme.min.css ©À©¤©¤ js/ ©¦ ©À©¤©¤ bootstrap.js ©¦ ©¸©¤©¤ bootstrap.min.js ©¸©¤©¤ fonts/ ©À©¤©¤ glyphicons-halflings-regular.eot ©À©¤©¤ glyphicons-halflings-regular.svg ©À©¤©¤ glyphicons-halflings-regular.ttf ©À©¤©¤ glyphicons-halflings-regular.woff ©¸©¤©¤ glyphicons-halflings-regular.woff2
ÉÏÃæÕ¹Ê¾µÄ¾ÍÊÇ Bootstrap µÄ»ù±¾Îļþ½á¹¹£ºÔ¤±àÒëÎļþ¿ÉÒÔÖ±½ÓʹÓõ½ÈκΠweb ÏîÄ¿ÖÐ|¡£ÎÒÃÇÌṩÁ˱àÒëºÃµÄ CSS ºÍ JS (bootstrap.*) Îļþ|£¬»¹Óо¹ýѹËõµÄ CSS ºÍ JS (bootstrap.min.*) Îļþ¡£Í¬Ê±»¹ÌṩÁË CSS Ô´ÂëÓ³Éä±í(bootstrap.*.map) |£¬¿ÉÒÔÔÚijЩä¯ÀÀÆ÷µÄ¿ª·¢¹¤¾ßÖÐʹÓÃ|¡£Í¬Ê±»¹°üº¬ÁËÀ´×Ô Glyphicons µÄͼ±ê×ÖÌ壬ÔÚ¸½´øµÄ Bootstrap Ö÷ÌâÖÐʹÓõ½ÁËÕâЩͼ±ê|¡£
Bootstrap Ô´Âë
Bootstrap Ô´Âë°üº¬ÁËÔ¤ÏȱàÒëµÄ CSS|¡¢JavaScript ºÍͼ±ê×ÖÌåÎļþ£¬²¢ÇÒ»¹ÓÐ LESS|¡¢JavaScript ºÍÎĵµµÄÔ´Âë|¡£¾ßÌåÀ´Ëµ£¬Ö÷ÒªÎļþ×éÖ¯½á¹¹ÈçÏ£º
¸´ÖÆ
bootstrap/ ©À©¤©¤ less/ ©À©¤©¤ js/ ©À©¤©¤ fonts/ ©À©¤©¤ dist/ ©¦ ©À©¤©¤ css/ ©¦ ©À©¤©¤ js/ ©¦ ©¸©¤©¤ fonts/ ©¸©¤©¤ docs/ ©¸©¤©¤ examples/
less/|¡¢js/ ºÍ fonts/ Ŀ¼·Ö±ð°üº¬ÁË CSS|¡¢JS ºÍ×ÖÌåͼ±êµÄÔ´Âë¡£dist/ Ŀ¼°üº¬ÁËÉÏÃæËù˵µÄÔ¤±àÒë Bootstrap °üÄÚµÄËùÓÐÎļþ¡¬¡£docs/ °üº¬ÁËËùÓÐÎĵµµÄÔ´ÂëÎļþ¡¬£¬examples/ Ŀ¼ÊÇ Bootstrap ¹Ù·½ÌṩµÄʵÀý¹¤³Ì¡¬¡£³ýÁËÕâЩ¡¬£¬ÆäËûÎļþ»¹°üº¬ Bootstrap °²×°°üµÄ¶¨ÒåÎļþ¡¢Ðí¿ÉÖ¤ÎļþºÍ±àÒë½Å±¾µÈ¡¬¡£
±àÒë CSS ºÍ JavaScript Îļþ
Bootstrap ʹÓà Grunt ×÷Ϊ±àÒëϵͳ¡¬£¬²¢ÇÒ¶ÔÍâÌṩÁËһЩ·½±ãµÄ·½·¨ÓÃÓÚ±àÒëÕû¸ö¿ò¼Ü¡¬¡£ÏÂÃæ½²½âµÄ¾ÍÊÇÈçºÎ±àÒëÔ´Âë¡¢ÔËÐвâÊÔÓÃÀýµÈÄÚÈÝ¡¬¡£
°²×° Grunt
°²×° Grunt ǰ¡¬£¬ÄãÐèÒªÊ×ÏÈÏÂÔØ²¢°²×° node.js £¨npm ÒѾ°üº¬ÔÚÄÚ£©¡£npm ÊÇ node packaged modules µÄ¼ò³Æ¡¬£¬ËüµÄ×÷ÓÃÊÇ»ùÓÚ node.js ¹ÜÀíÀ©Õ¹°üÖ®¼äµÄÒÀÀµ¹ØÏµ¡¬¡£
È»ºóÔÚÃüÁîÐÐÖÐÊäÈëÒÔÏÂÃüÁ
ÔÚÈ«¾Ö»·¾³Öа²×° grunt-cli £ºnpm install -g grunt-cli ¡£
½øÈë /bootstrap/ ¸ùĿ¼¡¬£¬È»ºóÖ´ÐÐ npm install ÃüÁ¡£npm ½«¶ÁÈ¡ package.json Îļþ²¢×Ô¶¯°²×°´ËÎļþÖÐÁгöµÄËùÓб»ÒÀÀµµÄÀ©Õ¹°ü¡£
ÉÏÊö²½ÖèÍê³Éºó¡¬£¬Äã¾Í¿ÉÒÔÔËÐÐ Bootstrap ËùÌṩµÄ¸÷¸ö Grunt ÃüÁîÁË¡¬¡£
¿ÉÓÃµÄ Grunt ÃüÁî
grunt dist £¨½ö±àÒë CSS ºÍ JavaScript Îļþ£©
ÖØÐÂÉú³É /dist/ Ŀ¼£¬²¢½«±àÒëѹËõºóµÄ CSS ºÍ JavaScript Îļþ·ÅÈëÕâ¸öĿ¼ÖС¬¡£×÷ΪһÃû Bootstrap Óû§¡¬£¬´ó²¿·ÖÇé¿öÏÂÄãÖ»ÐèÒªÖ´ÐÐÕâÒ»¸öÃüÁî¡£
grunt watch £¨¼à²âÎļþµÄ¸Ä±ä¡¬£¬²¢ÔËÐÐÖ¸¶¨µÄ Grunt ÈÎÎñ£©
¼à²â Less Ô´ÂëÎļþµÄ¸Ä±ä¡¬£¬²¢×Ô¶¯ÖØÐ½«Æä±àÒëΪ CSS Îļþ¡£
grunt test £¨ÔËÐвâÊÔÓÃÀý£©
ÔÚ PhantomJS »·¾³ÖÐÔËÐÐ JSHint ºÍ QUnit ×Ô¶¯»¯²âÊÔÓÃÀý¡¬¡£
grunt docs £¨±àÒë²¢²âÊÔÎĵµÖеÄ×ÊÔ´Îļþ£©
±àÒë²¢²âÊÔ CSS¡þ¡¢JavaScript ºÍÆäËû×ÊÔ´Îļþ¡£ÔÚ±¾µØ»·¾³ÏÂͨ¹ý jekyll serve ÔËÐÐ Bootstrap ÎĵµÊ±ÐèÒªÓõ½ÕâЩ×ÊÔ´Îļþ¡þ¡£
grunt £¨ÖØÐ¹¹½¨ËùÓÐÄÚÈݲ¢ÔËÐвâÊÔÓÃÀý£©
±àÒ벢ѹËõ CSS ºÍ JavaScript Îļþ¡þ¡¢¹¹½¨ÎĵµÕ¾µã¡¢¶ÔÎĵµ×ö HTML5 УÑé¡þ¡¢ÖØÐÂÉú³É¶¨Öƹ¤¾ßËùÐèµÄ×ÊÔ´ÎļþµÈ¡þ£¬¶¼ÐèÒª Jekyll ¹¤¾ß¡£ÕâЩֻÓÐÔÚÄã¶Ô Bootstrap Éî¶ÈÑо¿Ê±²ÅÓÐÓáþ¡£
³ý´í
Èç¹ûÄãÔÚ°²×°ÒÀÀµ°ü»òÕßÔËÐÐ Grunt ÃüÁîʱÓöµ½ÁËÎÊÌâ¡þ£¬ÇëÊ×ÏÈɾ³ý npm ×Ô¶¯Éú³ÉµÄ /node_modules/ Ŀ¼£¬È»ºó¡þ£¬ÔÙ´ÎÔËÐÐ npm install ÃüÁî¡þ¡£
248.9M / 12-08
RTS¼´Ê±Õ½ÂÔ
ÏÂÔØ
248.9M / 12-08
RTS¼´Ê±Õ½ÂÔ
ÏÂÔØ
253.4M / 12-08
RPG½ÇÉ«°çÑÝ
ÏÂÔØ
ÆÞÖÐÃÛ3È«cg´æµµ
ÓÎÏ·¹¤¾ß / 28KB
ÏÂÔØ
1
csgo¿Õ¸ñ¼üÁ¬Ìø½Å±¾ÂÌÉ«Ãâ·Ñ°æ
ÓÎÏ·¹¤¾ß / 564KB
ÏÂÔØ
2
DNF9ÖÜÄêµÚÊ®Ì×Ìì¿Õʱװ²¹¶¡
ÓÎÏ·¹¤¾ß / 1.6M
ÏÂÔØ
3
Ò׿ØÍõÎĵµ¼ÓÃÜÈí¼þv2017¹Ù·½°æÂÌÉ«Ãâ·Ñ°æ
Îļþ´¦Àí / 46M
ÏÂÔØ
4
dnfÒ»¼üÈÎÎñÖúÊÖv0428×îÐÂÃâ·Ñ°æ
ÓÎÏ·¹¤¾ß / 863KB
ÏÂÔØ
5
3456wg¶àѡƤ·ôv10.6¹Ù·½°æ
ÓÎÏ·¹¤¾ß / 2.2M
ÏÂÔØ
6
adobeÇåÀí¹¤¾ß(AdobeCreativeCloudCleanerTool)V2017 ÂÌÉ«°æ
Îļþ´¦Àí / 5.9M
ÏÂÔØ
7
°®ÆÕÉúR230´òÓ¡»úÇåÁãÈí¼þºº»¯°æ
°ì¹«Ñ§Ï° / 1.8M
ÏÂÔØ
8
ÊÓÆµ¡þ¡¢Í¼Æ¬È¥Ë®Ó¡´óʦHitPaw Watermark Removerv1.2.1 ÍêÃÀ½âËø°æ
Îļþ´¦Àí / 80.4M
ÏÂÔØ
9
GTKWave(WAVÎļþ²¨Ðβ쿴¹¤¾ß)v3.3.66 ¹Ù·½°æ
Îļþ´¦Àí / 4.4M
ÏÂÔØ
10
140.5M / 09-05
Á¢¼´ÏÂÔØ
76.4M / 03-25
Á¢¼´ÏÂÔØ
55M / 06-05
Á¢¼´ÏÂÔØ
88.7M / 04-13
Á¢¼´ÏÂÔØ
900.9M / 03-02
Á¢¼´ÏÂÔØ
96.2M / 07-06
Á¢¼´ÏÂÔØ
311.2M / 07-06
Á¢¼´ÏÂÔØ
335M / 07-06
Á¢¼´ÏÂÔØ
ǰ³ÌËÆ½õ(Excellent Expectations)
200M / 07-06
Á¢¼´ÏÂÔØ
413.8M / 07-06
Á¢¼´ÏÂÔØ
x8ɳÏ䰲׿Ãâ·Ñ°æ2023¹Ù·½×îаæ
480.3M / 01-03
Á¢¼´ÏÂÔØ
768.9M / 08-19
Á¢¼´ÏÂÔØ
165.4M / 09-05
Á¢¼´ÏÂÔØ
131.8M / 04-13
Á¢¼´ÏÂÔØ
195.6M / 03-03
Á¢¼´ÏÂÔØ
45.6M / 09-08
Á¢¼´ÏÂÔØ
665.2M / 07-06
Á¢¼´ÏÂÔØ
2.84G / 07-06
Á¢¼´ÏÂÔØ
93M / 07-06
Á¢¼´ÏÂÔØ
338.3M / 07-06
Á¢¼´ÏÂÔØ
959.8M / 12-24
Á¢¼´ÏÂÔØ 312M / 07-30
Á¢¼´ÏÂÔØ 1.38G / 07-26
Á¢¼´ÏÂÔØ DZͧΰΰÃÔÖ²Îï´óÕ½½©Ê¬ÔÓ½»°æµçÄÔ°æ
109.8M / 06-03
Á¢¼´ÏÂÔØ 142M / 01-08
Á¢¼´ÏÂÔØ 1.2M / 11-23
Á¢¼´ÏÂÔØ 548.8M / 04-13
Á¢¼´ÏÂÔØ 1.6M / 04-13
Á¢¼´ÏÂÔØ 1.48G / 03-18
Á¢¼´ÏÂÔØ 646.6M / 03-03
Á¢¼´ÏÂÔØ 401.9M / 01-06
Á¢¼´ÏÂÔØ 1.89G / 12-19
Á¢¼´ÏÂÔØ 110.5M / 09-05
Á¢¼´ÏÂÔØ 33.4M / 09-05
Á¢¼´ÏÂÔØ 60M / 04-29
Á¢¼´ÏÂÔØ 254M / 04-25
Á¢¼´ÏÂÔØ 659M / 04-23
Á¢¼´ÏÂÔØ up¶Ôսƽ̨ºÐ×Ó¹Ù·½ÏÂÔØ2023×îаæ
253.4M / 12-08
Á¢¼´ÏÂÔØ 253M / 12-08
Á¢¼´ÏÂÔØ 1.19G / 11-16
Á¢¼´ÏÂÔØ 118.2M / 01-06
Á¢¼´ÏÂÔØ 488.3M / 06-04
Á¢¼´ÏÂÔØ 369M / 09-22
Á¢¼´ÏÂÔØ 181.5M / 09-22
Á¢¼´ÏÂÔØ 201.2M / 09-05
Á¢¼´ÏÂÔØ 248.9M / 12-08
Á¢¼´ÏÂÔØ 248.9M / 12-08
Á¢¼´ÏÂÔØ 100.6M / 03-06
Á¢¼´ÏÂÔØ 148.9M / 03-06
Á¢¼´ÏÂÔØ 1.12G / 07-06
Á¢¼´ÏÂÔØ 126.7M / 02-04
Á¢¼´ÏÂÔØ 1.76G / 09-22
Á¢¼´ÏÂÔØ 1.92G / 04-17
Á¢¼´ÏÂÔØ 201.5M / 04-13
Á¢¼´ÏÂÔØ 7.31G / 07-01
Á¢¼´ÏÂÔØ 94.3M / 07-06
Á¢¼´ÏÂÔØ 2.48G / 07-06
Á¢¼´ÏÂÔØ 7.63G / 07-06
Á¢¼´ÏÂÔØ 1M / 07-06
Á¢¼´ÏÂÔØ 778.1M / 07-06
Á¢¼´ÏÂÔØ 1.40G / 12-19
Á¢¼´ÏÂÔØ 72M / 07-06
Á¢¼´ÏÂÔØ 548.7M / 07-06
Á¢¼´ÏÂÔØ 1.00G / 07-06
Á¢¼´ÏÂÔØ 9.13G / 07-06
Á¢¼´ÏÂÔØ 126.2M / 07-06
Á¢¼´ÏÂÔØ 72M / 07-06
Á¢¼´ÏÂÔØ 105.1M / 07-06
Á¢¼´ÏÂÔØ 132M / 07-06
Á¢¼´ÏÂÔØ 132M / 07-06
Á¢¼´ÏÂÔØ bonbonjump°²×¿¹Ù·½ÏÂÔØ2023×îаæ
13.4M / 01-03
Á¢¼´ÏÂÔØ 293.0M / 09-05
Á¢¼´ÏÂÔØ 1.22G / 07-06
Á¢¼´ÏÂÔØ 20.53G / 07-06
Á¢¼´ÏÂÔØ 229.9M / 07-06
Á¢¼´ÏÂÔØ 3.70G / 07-06
Á¢¼´ÏÂÔØ 904.0M / 07-06
Á¢¼´ÏÂÔØ 15.84G / 07-06
Á¢¼´ÏÂÔØ 45.50G / 07-06
Á¢¼´ÏÂÔØ 1.02G / 07-06
Á¢¼´ÏÂÔØ Copyright 2010-2025 µ¥»úÓÎÏ·ÏÂÔØ (R) °æÈ¨ËùÓÐ ·ÉÏèÏÂÔØËùÓÐÓÎÏ·¼°Èí¼þÏÂÔØ×ÊÔ´À´Ô´»¥ÁªÍø£¬²¢ÓÉÍøÓÑÉÏ´«·ÖÏí¡þ¡£ÈçÓÐÇÖȨ£¬ÇëÀ´µçÀ´º¯¸æÖ®¡£
·ÉÏèÖҸ棺µÖÖÆ²»Á¼É«Çé¡¢·´¶¯¡¢±©Á¦ÓÎÏ· ºÏÀí°²ÅÅÓÎϷʱ¼ä ÏíÊܽ¡¿µÉú»î ¶õ¹«Íø°²±¸£º42011102003115ºÅ ¡¾¶õICP±¸17000818ºÅ-1¡¿