HTML5¼¼Êõ

ΪʲôҪÓà Bootstrap - roucheng

×ÖºÅ+ ×÷ÕߣºH5Ö®¼Ò À´Ô´£º²©¿ÍÔ° 2016-06-03 10:00 ÎÒÒªÆÀÂÛ( )

[Bootstrap]() ÊÇÓÉÁ½¸ö twitter Ô±¹¤¿ª·¢²¢¿ªÔ´µÄÇ°¶Ë¿ò¼Ü,·Ç³£»ð±¬£¬¶øÈç´Ë»ð±¬×ÔÈ»ÓÐËüµÄµÀÀí£¬ÔÚÎÒÃÇÍŶӵÄËùÓÐÏîÄ¿ÖÐÕýÈ«ÃæÍÆÐÐʹÓà Bootstrap£¬ÎÒÏë¸ù¾Ý×Ô¼ºµÄʵ¼ÊʹÓÃÌåÑéÀ´ËµÃ÷Ò»ÏÂΪʲôҪÓà Bootsrap¡£ Ê×ÏÈ£¬Bootstrap ³ö×Ô twitter£¬´ó³§³öÆ·£¬

[Bootstrap]() ÊÇÓÉÁ½¸ö twitter Ô±¹¤¿ª·¢²¢¿ªÔ´µÄÇ°¶Ë¿ò¼Ü,·Ç³£»ð±¬£¬¶øÈç´Ë»ð±¬×ÔÈ»ÓÐËüµÄµÀÀí£¬ÔÚÎÒÃÇÍŶӵÄËùÓÐÏîÄ¿ÖÐÕýÈ«ÃæÍÆÐÐʹÓà Bootstrap£¬ÎÒÏë¸ù¾Ý×Ô¼ºµÄʵ¼ÊʹÓÃÌåÑéÀ´ËµÃ÷Ò»ÏÂΪʲôҪÓà Bootsrap¡£

 

Ê×ÏÈ£¬Bootstrap ³ö×Ô twitter£¬´ó³§³öÆ·£¬²¢ÇÒ¿ªÔ´£¬×ÔÈ»¾Ã¾­¿¼Ñ飬¼õÉÙÁ˲âÊԵŤ×÷Á¿¡£Õ¾ÔÚ¾ÞÈ˵ļç°òÉÏ£¬²»Öظ´ÔìÂÖ×Ó¡£ 
¡¡¡¡ 
¡¡¡¡Í¬Ê±£¬Bootstrap µÄ´úÂëÓÐ×ŷdz£Á¼ºÃµÄ´úÂë¹æ·¶£¬´ÓÖÐÒ²¿ÉÒÔѧϰµ½ºÜ¶à£¬ÔÚ Bootstrap µÄ»ù´¡Ö®ÉÏ´´½¨ÏîÄ¿£¬ÈÕºó´úÂëµÄά»¤Ò²±äµÃÒì³£¼òµ¥ÇåÎú¡£ 

 

Bootstrap µÄÒ»´óÓÅÊƾÍÊÇËüÊÇ»ùÓÚ Less ´òÔìµÄ£¬²¢ÇÒÒ²ÓÐ [Sass°æ±¾]¡£ÕýÒòΪÈç´Ë£¬ËüÒ»ÍƳö¾Í°üº¬ÁËÒ»¸ö·Ç³£ÊµÓÃµÄ Mixin ¿âÈÎÄãµ÷Óᣠ
¡¡¡¡ 
¡¡¡¡¾Ù¸öºÜ¼òµ¥µÄÀý×Ó£¬µ±ÄãƽʱҪÓõ½Ò»Ð© css3 ÊôÐÔµÄʱºò£¬ÄãҪд²»Í¬µÄä¯ÀÀÆ÷д²»Í¬µÄ -prefix-£¬±ÈÈçÔ²½Ç border-radius £º 
¡¡¡¡ 

-webkit-border-radius: 10px; ¡¡¡¡ -moz-border-radius:10px; ¡¡¡¡ -border-radius:10px;

¡¡¡¡ 

¡¡¡¡µ«ÊÇͨ¹ý Bootstrap ¸øÄãÔ¤ÉèºÃµÄ mixin£¬ÄãÖ±½Óд³ÉÕâÑù¾Í¿ÉÒÔÁË£º 
¡¡¡¡ 
¡¡¡¡ @include border-radius (10px); 
¡¡¡¡ 
¡¡¡¡ÊDz»ÊÇÇáËÉÓä¿ì£¿»ù±¾³£ÓÃµÄ CSS3 mixin ¶¼°ïÄãÕûÀíºÃÁË£¬Ä㶼ֱ½Óµ÷ÓþͿÉÒÔÁË£¬Ôڴ˲»Ò»Ò»¾ÙÀý¡£ Bootstrap ÊÇÄ¿Ç°×îºÃµÄ»ùÓÚ Less(Sass) µÄÇ°¶Ë¿ò¼Ü£¬·á¸»¶øʵÓÃµÄ Mixin Ó¦¸ÃÊÇÆä×îºÃµÄµØ·½¡£ Bootstrap ÒѾ­°ïÄã´îºÃÁËʵÏÖ Responsive Design µÄ»ù´¡¿ò¼Ü£¬²¢Çҷdz£ÈÝÒ×Ð޸ġ£Èç¹ûÄãÊÇÒ»¸öÐÂÊÖ£¬Bootstrap ¿ÉÒÔ°ïÖúÄãÔڷdz£¶ÌµÄʱ¼äÄÚÉÏÊÖ Responsive Design¡£ÁíÍâ¡¢ÓÉÓÚ Bootstrap µÄ»ð±¬£¬ÓÖ³öÏÖÁ˲»ÉÙΧÈÆ Bootstrap ¶ø¿ª·¢µÄ²å¼þ¡£ÆäÖÐ×îʵÓõÄĪ¹ýÓÚ [Font Awesome]() ÁË¡£ËüÊÇÒ»Ì× icon font£¬ÌṩÁ˷ḻµÄ icon ¸øÄãÑ¡Ôñ£¬Ð嵀 2.0 °æÓÖ¸ù¾ÝÍøÓѵÄÒâ¼ûÔö¼ÓÁË70¸öÐ嵀 icon¡£

 

 Bootstrap µÄ×é¼þ ·Ç³£·á¸»£¬²¢ÇÒ´úÂë¼ò½à£¬·Ç³£Ò×ÓÚÐ޸ģ¬ÄãÍêÈ«¿ÉÒÔÔÚÆä»ù´¡Ö®ÉÏÐ޸ijÉ×Ô¼ºÏëÒªµÄÈκÎÑù×Ó¡£ÕâÊǹ¤×÷ЧÂʵļ«´óÌáÉý¡£ÔÚÏÖÔÚÒ»¹ÉÓÐ Apple ´øÁìµÄ Retina ³±Á÷Ï£¬¶ÔͼƬµÄÊÓÍøĤÆÁϵĽâ¾ö·½°¸ÒѾ­±äµÃÔ½À´Ô½ÓбØÒªÁË£¬¶øÔÚ icon Õâ¸ö¶«Î÷ÉÏ£¬icon font ÊÇÍêÃÀµÄ½â¾ö·½°¸£¬²»Óõ£ÐÄ·Ö±æÂʵÄÎÊÌ⣬ÒòΪËüʵ¼ÊÉÏÊÇ×ÖÌå¡£ 

ÕâЩ¾ÍÊÇΪʲôҪÓà Bootstrap µÄÔ­Òò£¬Ä¿Ç°ÊÐÃæÉÏûÓÐÈκÎÆäËû¿ò¼Ü¿ÉÒÔºÍËüÏàæÇÃÀ£¬µ«ÊÇËü¾ÍËäÈ»ÊÇһƥºÃÂí£¬Ä㻹ÊÇÐèÒª»¨·ÑһЩʱ¼äȥѧϰËü¡¢ÊÊÓ¦Ëü£¬ËüÔÚÈÕºó¸øÄã´øÀ´µÄ±ãÀûÐÔÊÇÎ޿ɱÈÄâµÄ£¬Äã»áºó»Ú×Ô¼ºÎªÊ²Ã´Ã»ÓÐÔçµã½Ó´¥Ëü¡£ 

ÌØЧ£º

¡¡

1.±¾Õ¾×ñÑ­ÐÐÒµ¹æ·¶£¬ÈκÎתÔصĸå¼þ¶¼»áÃ÷È·±ê×¢×÷ÕߺÍÀ´Ô´£»2.±¾Õ¾µÄÔ­´´ÎÄÕ£¬ÇëתÔØʱÎñ±Ø×¢Ã÷ÎÄÕÂ×÷ÕߺÍÀ´Ô´£¬²»×ðÖØÔ­´´µÄÐÐΪÎÒÃǽ«×·¾¿ÔðÈΣ»3.×÷ÕßͶ¸å¿ÉÄܻᾭÎÒÃDZ༭Ð޸Ļò²¹³ä¡£

Ïà¹ØÎÄÕÂ
  • ΪʲôÎһᱻÌÔÌ­£¿ - KMSFan

    ΪʲôÎһᱻÌÔÌ­£¿ - KMSFan

    2017-05-02 08:01

  • ¶ÔÓÚBootstrapµÄ½éÉÜÒÔ¼°ÈçºÎʹÓà - novai-L

    ¶ÔÓÚBootstrapµÄ½éÉÜÒÔ¼°ÈçºÎʹÓà - novai-L

    2017-04-29 09:00

  • JS×é¼þϵÁСª¡ª×Ô¼º¶¯ÊÖ·â×°bootstrap-treegrid×é¼þ - ÀÁµÃ°²·Ö

    JS×é¼þϵÁСª¡ª×Ô¼º¶¯ÊÖ·â×°bootstrap-treegrid×é¼þ - ÀÁµÃ°²·Ö

    2017-04-28 14:02

  • NodeJS+MongoDB+AngularJS+BootstrapÊéµêʾÀý - Market/Relay

    NodeJS+MongoDB+AngularJS+BootstrapÊéµêʾÀý - Market/Relay

    2017-04-14 15:00

ÍøÓѵãÆÀ
Ê