[B! bootstrap] penaltyã®ãƒ–ãƒƒã‚¯ãƒžãƒ¼ã‚¯

penalty id:penalty

bootstrapã«é–¢ã™ã‚‹penaltyã®ãƒ–ãƒƒã‚¯ãƒžãƒ¼ã‚¯ (7)

${{author_name}}$

{{{comment_expanded}}}

{{label}}

{{#is_bookmark}}ãƒªã‚¹ãƒˆ{{/is_bookmark}}{{^is_bookmark}}ãƒªãƒ³ã‚¯{{/is_bookmark}}

${{author_name}}$
{{author_name}}{{created}}
{{ #comment }}{{ comment }}{{ /comment }}
- {{ label }}

${{author_name}}$

{{{comment_expanded}}}

{{label}}

{{#is_bookmark}}ãƒªã‚¹ãƒˆ{{/is_bookmark}}{{^is_bookmark}}ãƒªãƒ³ã‚¯{{/is_bookmark}}

æ—©ããƒ»ãã‚Œãªã‚Šã® UI ã‚’å®Ÿç¾ã™ã‚‹ React ã‚³ãƒ³ãƒãƒ¼ãƒãƒ³ãƒˆã‚»ãƒƒãƒˆ 16 é¸ - Qiita
Deleted articles cannot be recovered. Draft of this article would be also deleted. Are you sure you want to delete this article? ã“ã‚Œã¾ã§ã€é–‹ç™ºè€…ãŒã€Œæ—©ããƒ»ãã‚Œãªã‚Šã® UI ã€ã‚’å®Ÿç¾ã™ã‚‹ãŸã‚ã«ã€Bootstrap ãªã©ã® CSS ãƒ•ãƒ¬ãƒ¼ãƒ ãƒ¯ãƒ¼ã‚¯ãŒé‡å®ã•ã‚Œã¦ãã¾ã—ãŸã€‚ ã—ã‹ã—ä»Šã§ã¯ã€React ãªã©ã®ãƒ©ã‚¤ãƒ–ãƒ©ãƒªã‚’ä½¿ã£ã¦ UI ã‚’ã‚³ãƒ³ãƒãƒ¼ãƒãƒ³ãƒˆåŒ–ã™ã‚‹ã‚ˆã†ã«ãªã£ã¦ãã¦ã„ã¾ã™ã€‚ React ã§ã‚ã£ã¦ã‚‚ã€äº‹å‰ã« CSS ãƒ•ãƒ¬ãƒ¼ãƒ ãƒ¯ãƒ¼ã‚¯ã‚’èªã¿è¾¼ã‚“ã§ãŠãã€ã‚¯ãƒ©ã‚¹åã‚’ä»˜ä¸Žã™ã‚‹ã“ã¨ã§ã“ã‚Œã¾ã§ã¨åŒã˜ã‚ˆã†ã«ä½¿ã†ã“ã¨ãŒã§ãã¾ã™ã€‚ ãŸã ã€æ—¢å˜ã® CSS ãƒ•ãƒ¬ãƒ¼ãƒ ãƒ¯ãƒ¼ã‚¯ã¯å†…éƒ¨ã§ jQuery ã‚’ä½¿ç”¨ã—ã¦ã„ã‚‹ã“ã¨ãŒå¤šã„ã®ã§ã€React ã¨ jQuery ã‚’å…±å˜ã•ã›ã‚‹ã‹ã€jQuery éƒ¨åˆ†ã‚’è‡ªå‰
penalty 2016/07/12
ui

react

bootstrap

css
ãƒªãƒ³ã‚¯
ã€CSSãƒ•ãƒ¬ãƒ¼ãƒ ãƒ¯ãƒ¼ã‚¯ã€‘Bootstrap3ã®ç®¡ç†ç”»é¢ç”¨ãƒ†ãƒ³ãƒ—ãƒ¬ãƒ¼ãƒˆã¾ã¨ã‚ã€å…¨éƒ¨ç„¡æ–™ã€‘
æ›´æ–°ï¼š2017/10/22 ã“ã‚“ã«ã¡ã¯ã€‚Webãƒ‡ã‚¶ã‚¤ãƒ³ã¯ã‚ã¾ã‚Šå¾—æ„ã§ã¯ãªã„ã‚±ãƒ¼ã§ã™ã€‚ ãƒ‡ã‚¶ã‚¤ãƒ³ãŒè‹¦æ‰‹ãªã‚¨ãƒ³ã‚¸ãƒ‹ã‚¢ã§ã‚‚ãƒ¬ã‚¹ãƒãƒ³ã‚·ãƒ–å¯¾å¿œæ¸ˆã¿ã®ãƒšãƒ¼ã‚¸ã‚’å‰²ã‚Šã¨ç°¡å˜ã«ç”¨æ„ã§ãã‚‹ã®ãŒCSSãƒ•ãƒ¬ãƒ¼ãƒ ãƒ¯ãƒ¼ã‚¯ã§ã™ã€‚ ãã‚“ãªCSSãƒ•ãƒ¬ãƒ¼ãƒ ãƒ¯ãƒ¼ã‚¯ã®ä¸ã§æœ€ã‚‚æœ‰åãªã®ãŒBootstrapï¼ˆãƒ–ãƒ¼ãƒˆã‚¹ãƒˆãƒ©ãƒƒãƒ—ï¼‰ã§ã€Twitterç¤¾ãŒé–‹ç™ºãƒ»æä¾›ã€ã‚ªãƒ¼ãƒ—ãƒ³ã‚½ãƒ¼ã‚¹ã§å…¬é–‹ã•ã‚Œã¦ã„ã‚‹ãƒ•ãƒãƒ³ãƒˆã‚¨ãƒ³ãƒ‰ãƒ„ãƒ¼ãƒ«ã€‚ Bootstrapã§ã‚‚ç®¡ç†ç”»é¢ç”¨ã®ãƒ†ãƒ³ãƒ—ãƒ¬ãƒ¼ãƒˆã¨ã„ã†ã®ãŒã‚ã‚‹ã‚“ã§ã™ãŒã€æ¯Žå›žãƒ†ãƒ³ãƒ—ãƒ¬æŽ¢ã—ã‚’ç¹°ã‚Šè¿”ã—ã¦ã„ã‚‹ã®ã§ã¾ã¨ã‚ã¦ãŠããŸã„ã¨æ€ã„ã¾ã™ã€‚ SB Admin 2 SB Admin 2ã¯ãƒ–ãƒãƒƒã‚¯ã”ã¨ã®ãƒ‘ãƒãƒ«ãŒã‚¹ãƒžãƒ¼ãƒˆã§æ°—ã«å…¥ã£ã¦ã„ã¾ã™ã€‚ã‚·ãƒ³ãƒ–ãƒ«å¥½ã¿ã®æ–¹ã«ã‚ªã‚¹ã‚¹ãƒ¡ã€‚ | ãƒ©ã‚¤ã‚»ãƒ³ã‚¹ MIT License ãƒ‡ãƒ¢ http://blackrockdigital.github.io/startbootstrap-sb-admin-2/p
penalty 2016/06/17
bootstrap
ãƒªãƒ³ã‚¯
ã€é€Ÿæ”»ãƒ¬ãƒ“ãƒ¥ãƒ¼ã€‘ã‚ˆã‚Šãƒ¢ãƒã‚¤ãƒ«ãƒ•ãƒ¬ãƒ³ãƒ‰ãƒªãƒ¼ã«ãªã£ãŸã€ŒTwitter Bootstrap v4ã€
ã€é€Ÿæ”»ãƒ¬ãƒ“ãƒ¥ãƒ¼ã€‘ã‚ˆã‚Šãƒ¢ãƒã‚¤ãƒ«ãƒ•ãƒ¬ãƒ³ãƒ‰ãƒªãƒ¼ã«ãªã£ãŸã€ŒTwitter Bootstrap v4ã€ ä½å· å¤«ç¾Žé›„ï¼ˆAshiras, inc.ï¼‰ Twitter Bootstrapãƒãƒ¼ã‚¸ãƒ§ãƒ³4ã‚¢ãƒ«ãƒ•ã‚¡ç‰ˆãŒ8æœˆ19æ—¥ã«å…¬é–‹ã•ã‚Œã¾ã—ãŸã€‚æ—¢ã«ã”å˜çŸ¥ã®é€šã‚ŠTwitter Bootstrapã¯ãƒ¬ã‚¹ãƒãƒ³ã‚·ãƒ–ã§ãƒ¢ãƒã‚¤ãƒ«ãƒ•ã‚¡ãƒ¼ã‚¹ãƒˆãªCSSãƒ•ãƒ¬ãƒ¼ãƒ ãƒ¯ãƒ¼ã‚¯ã§ã™ã€‚ã•ã£ã¨ãƒ¬ã‚¹ãƒãƒ³ã‚·ãƒ–ãªã‚µã‚¤ãƒˆã‚’æ§‹ç¯‰ã™ã‚‹ã®ã«å¤šãã®æ–¹ãŒåˆ©ç”¨ã—ã¦ã„ã‚‹ã®ã§ã¯ãªã„ã‹ã¨æ€ã„ã¾ã™ã€‚ã“ã®è¨˜äº‹ã§ã¯Twitter Bootstrapãƒãƒ¼ã‚¸ãƒ§ãƒ³4ã®å¤‰æ›´ç‚¹ã«ã¤ã„ã¦ã€ç†è€…ãŒã€Œã“ã‚Œã¯ï¼ã€ã¨æ€ã£ãŸã¨ã“ã‚ã‚’ãƒ”ãƒƒã‚¯ã‚¢ãƒƒãƒ—ã—ã¦ã¾ã¨ã‚ã¾ã™ã€‚ ãƒãƒ¼ã‚¸ãƒ§ãƒ³4ã®å¤‰æ›´å†…å®¹ã¯GitHubä¸Šã®issueã§ç¢ºèªã™ã‚‹ã“ã¨ãŒã§ãã¾ã™ã€‚ã“ã®ä¸ã§ç†è€…ãŒæ³¨ç›®ã—ã¦ã„ã‚‹äº‹é …ã¯ LESSã‹ã‚‰SASSã¸ã®å¤‰æ›´ ã‚¢ã‚¤ã‚³ãƒ³ï¼ˆã‚°ãƒ©ãƒ•ã‚£ãƒƒã‚¯ã‚¢ã‚¤ã‚³ãƒ³ï¼‰ã®å‰Šé™¤ IE8ã®ã‚µãƒãƒ¼ãƒˆçµ‚äº†ã¨jQuery1ç³»ã‹ã‚‰jQuery2ç³»
penalty 2015/09/02
ã‚¢ã‚¤ã‚³ãƒ³ãªããªã£ãŸã®åœ°å‘³ã«ç—›ã„

bootstrap
ãƒªãƒ³ã‚¯
ã‚¦ã‚§ãƒ–åˆå¿ƒè€…ã‚‚å®‰å¿ƒã—ã¦ä½œæˆã§ãã‚‹ã€ç„¡æ–™HTMLãƒ†ãƒ³ãƒ—ãƒ¬ãƒ¼ãƒˆç´ æ24å€‹ã¾ã¨ã‚ - PhotoshopVIP
ã€Žãƒ•ã‚©ãƒˆã‚·ãƒ§ãƒƒãƒ—ãƒ»ãƒ–ã‚¤ã‚¢ã‚¤ãƒ”ãƒ¼ã€ã®æ–°ç€è¨˜äº‹ã§ã™ã€‚ãƒ•ã‚©ãƒˆã‚·ãƒ§ãƒƒãƒ—ã‚„ãƒ‡ã‚¶ã‚¤ãƒ³ã‚’ãŸã®ã—ã‚€ã‚¦ã‚§ãƒ–ã‚µã‚¤ãƒˆã€‚2009å¹´ï¼“æœˆå‰µåˆŠä»¥æ¥ã€3800ã‚’è¶…ãˆã‚‹ã‚³ãƒ³ãƒ†ãƒ³ãƒ„ã‚’æ›´æ–°ã—ã¦ã„ã¾ã™ã€‚ãƒ•ãƒªãƒ¼ãƒ•ã‚©ãƒ³ãƒˆãªã©ã®ç„¡æ–™ãƒ‡ã‚¶ã‚¤ãƒ³ç´ æï¼é…è‰²ã‚„Webåˆ¶ä½œã¨ã„ã£ãŸæœ€æ–°ãƒˆãƒ¬ãƒ³ãƒ‰ã‚‚å…¬é–‹ä¸ã€‚
penalty 2015/01/29
bootstrap

Design
ãƒªãƒ³ã‚¯
Bootstrap 3(2.xã‚‚)ã‚’æ´»ç”¨ã™ã‚‹æ™‚ã«å½¹ç«‹ã¤ãƒªã‚½ãƒ¼ã‚¹ã®ã¾ã¨ã‚
Bootstrapã¯å…ˆæ—¥ãƒªãƒªãƒ¼ã‚¹ã•ã‚ŒãŸBootstrap 3rc1ã§ã€ãƒ¢ãƒã‚¤ãƒ«ãƒ•ã‚¡ãƒ¼ã‚¹ãƒˆã®ãƒ•ãƒãƒ³ãƒ‰ã‚¨ãƒ³ãƒ‰ç”¨ã®ãƒ•ãƒ¬ãƒ¼ãƒ ãƒ¯ãƒ¼ã‚¯ã«ç”Ÿã¾ã‚Œå¤‰ã‚ã‚Šã¾ã—ãŸã€‚2.xã¾ã§ã¯ã€ãƒ‡ã‚¹ã‚¯ãƒˆãƒƒãƒ—ç”¨ã®ãƒ–ãƒ©ã‚¦ã‚¶ã‚’æƒ³å®šã—ãŸã‚¤ãƒ³ã‚¿ãƒ¼ãƒ•ã‚§ã‚¤ã‚¹ã®ã‚³ãƒ³ãƒãƒ¼ãƒãƒ³ãƒˆã‚’æ ¸ã«ã—ã¦ã„ã¾ã—ãŸã€‚ Bootstrapã‚’ã‚«ã‚¹ã‚¿ãƒžã‚¤ã‚ºã—ãŸã‚Šã€ã‚‚ã£ã¨æ´»ç”¨ã™ã‚‹ãŸã‚ã®ãƒªã‚½ãƒ¼ã‚¹ã‚’ç´¹ä»‹ã—ã¾ã™ã€‚ ã¾ãšã¯ã€æœ¬å®¶ã®Bootstrapã‹ã‚‰ã€‚ Bootstrap 3 ã‚¹ãƒžãƒ•ã‚©ã‚„ã‚¿ãƒ–ãƒ¬ãƒƒãƒˆã§ã®åˆ©ç”¨ã‚’å„ªå…ˆã—ãŸã‚·ãƒ³ãƒ—ãƒ«ã§ãƒ‘ãƒ¯ãƒ•ãƒ«ãªUIã‚¨ãƒ¬ãƒ¡ãƒ³ãƒˆãŒæƒã£ãŸãƒ•ãƒãƒ³ãƒˆã‚¨ãƒ³ãƒ‰ç”¨ã®ãƒ•ãƒ¬ãƒ¼ãƒ ãƒ¯ãƒ¼ã‚¯ã€‚ æœ€æ–°ã®Bootstrap 3rc1ï¼ˆ7/27ã«å…¬é–‹ï¼‰ã¯ãƒªãƒªãƒ¼ã‚¹å€™è£œç‰ˆã§ã™ã€‚ Examples Templates for Bootstrap Bootstrapç´”æ£ã®ãƒ†ãƒ³ãƒ—ãƒ¬ãƒ¼ãƒˆã‚„ãƒšãƒ¼ã‚¸ã®ä»•æŽ›ã‘ãŒæƒã£ã¦ã„ã¾ã™ã€‚ Narrow marketing å°ã•ã„ãƒ—ãƒã‚¸ã‚§ã‚¯ãƒˆç”¨ã®è»½é‡ã®ãƒ†ãƒ³ãƒ—ãƒ¬ãƒ¼ãƒˆã€‚
penalty 2013/08/07
bootstrap

css
ãƒªãƒ³ã‚¯
Bootstrap 3 ã§ä½•ãŒå¤‰ã‚ã‚‹ã®ã‹ã‚’ã¾ã¨ã‚ã¦ã¿ãŸ
Twitter Bootstrap 3 ã®å¤‰æ›´ç‚¹æ¦‚è¦ Bootstrap è‡ªä½“ã®ä»•æ§˜ã ã‘ã§ãªãä½“åˆ¶ãªã©ã‚‚å¤‰æ›´ã•ã‚Œã‚‹ã‚ˆã†ã§ã™ã€‚ ãƒ¢ãƒã‚¤ãƒ«ãƒ•ã‚¡ãƒ¼ã‚¹ãƒˆ twitter/bootstrap, twitter/bootstrap-server, mdo/bootstrap-blogï¼ˆãƒ—ãƒ©ã‚¤ãƒ™ãƒ¼ãƒˆãƒ¬ãƒãƒ¼ãƒˆï¼‰ã‚’ twbs organization ã‚¢ã‚«ã‚¦ãƒ³ãƒˆã¸ç§»è¡Œ ã‚µã‚¤ãƒˆã® URL ã‚’ http://getbootstrap.com ã«å¤‰æ›´ CSS ã¯ãƒ¬ã‚¹ãƒãƒ³ã‚·ãƒ–ç”¨ã‚¹ã‚¿ã‚¤ãƒ«ã‚‚å«ã‚ã¦1ãƒ•ã‚¡ã‚¤ãƒ«ã«ã™ã‚‹ IE7, Firefox3ç³» ã®ã‚µãƒãƒ¼ãƒˆå»ƒæ¢ Glyphicon ã®ãƒ•ã‚©ãƒ³ãƒˆç‰ˆã‚’æŽ¡ç”¨ Apache ãƒ©ã‚¤ã‚»ãƒ³ã‚¹ã‹ã‚‰ MIT ãƒ©ã‚¤ã‚»ãƒ³ã‚¹ã¸ç§»è¡Œ *-wip ãƒ–ãƒ©ãƒ³ãƒã®é–‹ç™ºã‚¹ã‚¿ã‚¤ãƒ«ã‹ã‚‰ 3.1.0-modal-revamp ã®ã‚ˆã†ãªæ©Ÿèƒ½ã”ã¨ã®ãƒ–ãƒ©ãƒ³ãƒã«å¤‰æ›´ éŽåŽ»ãƒãƒ¼ã‚¸ãƒ§ãƒ³ã®ãƒ€ã‚¦ãƒ³ãƒãƒ¼ãƒ‰ã«ã‚¿ã‚°ã‚’ä½¿ã† ã‚³ãƒŸãƒ¥ãƒ‹ãƒ†ã‚£ã®
penalty 2013/01/28
bootstrap
ãƒªãƒ³ã‚¯
twitter bootstrap ã®ãƒ†ã‚¹ãƒˆã‚’èªã‚“ã ãƒ¡ãƒ¢ - ãƒ•ãƒªãƒ¼ãƒ•ã‚©ãƒ¼ãƒ ãƒ•ãƒªãƒ¼ã‚¯ã‚¢ã‚¦ãƒˆ
ç§»è»¢ã—ã¾ã—ãŸ http://please-sleep.cou929.nu/20121211.html
penalty 2012/12/12
bootstrap
ãƒªãƒ³ã‚¯
1