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

ShineSpark id:ShineSpark

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

${{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}}

ã†ã‚ã£ã€ç§ã®ã‚µã‚¤ãƒˆBootstrapãã•ã™ãŽ!? ãŸã£ãŸæ•°æ–‡å—å¤‰ãˆã‚‹ã ã‘ã§Bootstrapã®ãã•ã¿ãŒæŠœã‘ã‚‹7ã¤ã®CSSãƒ†ã‚¯ãƒ‹ãƒƒã‚¯ã€‚
ãªã‚“ã‹ã€ã“ã®ã‚µã‚¤ãƒˆBootstrapãã•ã„ã€‚ãã†æ„Ÿã˜ã‚‹ã“ã¨ã¯ã‚ã‚Šã¾ã›ã‚“ã‹? ãã®ç†ç”±ã¯ã‚ºãƒãƒªã€æ¬§æ–‡ãƒ™ãƒ¼ã‚¹ã§ã¤ãã‚‰ã‚ŒãŸãƒ•ãƒ¬ãƒ¼ãƒ ãƒ¯ãƒ¼ã‚¯ã‚’æ–‡å—æ§‹é€ ã®é•ã†æ—¥æœ¬èªžã§é©ç”¨ã—ãŸéš›ã«ä¸éƒ½åˆãŒå‡ºã¦ã—ã¾ã£ã¦ã„ã‚‹ã‹ã‚‰ã§ã™ã€‚ ãã‚Œã‚‰ãŒé†¸ã—å‡ºã™é•å’Œæ„Ÿã‚’æ”¾ã£ã¦ãŠãã¨ã€Bootstrapãã•ã•ã‚’ç”Ÿã¿å‡ºã™å¤§ããªåŽŸå› ã«ãªã£ã¦ã—ã¾ã„ã¾ã™ã€‚ ãã‚‚ãã‚‚ã®å•é¡Œã¨ã—ã¦ã€æ¬§æ–‡ã¨æ¯”è¼ƒã—ã¦å’Œæ–‡ã¯æ–‡å—ã®è¦ç´ ãŒå¤šãã€æ–‡å—è‡ªä½“ã®ãƒªã‚ºãƒ ã‚‚å°‘ãªã„ãŸã‚ã€ã©ã†ã—ã¦ã‚‚è¤‡é›‘ã§å˜èª¿ã«è¦‹ãˆã¦ã—ã¾ã„ã¾ã™ã€‚ ã—ã‹ã—ã€å’Œæ–‡ã ã‹ã‚‰ã¨ã„ã£ã¦ã‚ãã‚‰ã‚ã‚‹ã“ã¨ã¯ã‚ã‚Šã¾ã›ã‚“ã€‚Bootstrapã®CSSã‚’å°‘ã—ã ã‘å¤‰ãˆã‚‹ã ã‘ã§ã‚°ãƒƒã¨è¦‹ãŸç›®ãŒã‚ˆããªã‚‹éš ã—å‘³ã‚’ã”ç´¹ä»‹ã—ã¾ã™ã€‚ 1. line-heightã§è¡Œé–“ã«ã‚†ã¨ã‚Šã‚’ã€‚æ˜Žæœã‚„ã‚´ã‚·ãƒƒã‚¯ãªã©ã€ãƒ•ã‚©ãƒ³ãƒˆã®ç¨®é¡žãŒè¨€è‘‰ã®å°è±¡ã‚’è¡¨ã™ã‚ˆã†ã«ã€æ–‡å—ã®è¡Œé–“ã¯èªã¿ã‚„ã™ã•ã€æ–‡ç« å…¨ä½“ã®é›°å›²æ°—ã‚’å·¦å³ã—ã¾ã™ã€‚ æ¬§æ–‡ã‚’ãƒ™ãƒ¼ã‚¹ã«è¨è¨ˆã•ã‚ŒãŸBootstrapã‚’ãã®ã¾ã¾
ShineSpark 2016/10/15
bootstrap
ãƒªãƒ³ã‚¯
Flat UI - Free Bootstrap Framework and Theme
Checkboxes Unchecked Checked Disabled unchecked Disabled checked Radio Buttons Radio is off Radio is on Disabled radio is off Disabled radio is on
ShineSpark 2015/01/14
bootstrap
ãƒªãƒ³ã‚¯
æ–°ç€è¨˜äº‹ | PhotoshopVIP
ã€Žãƒ•ã‚©ãƒˆã‚·ãƒ§ãƒƒãƒ—ãƒ»ãƒ–ã‚¤ã‚¢ã‚¤ãƒ”ãƒ¼ã€ã®æ–°ç€è¨˜äº‹ã§ã™ã€‚ãƒ•ã‚©ãƒˆã‚·ãƒ§ãƒƒãƒ—ã‚„ãƒ‡ã‚¶ã‚¤ãƒ³ã‚’ãŸã®ã—ã‚€ã‚¦ã‚§ãƒ–ã‚µã‚¤ãƒˆã€‚2009å¹´ï¼“æœˆå‰µåˆŠä»¥æ¥ã€3800ã‚’è¶…ãˆã‚‹ã‚³ãƒ³ãƒ†ãƒ³ãƒ„ã‚’æ›´æ–°ã—ã¦ã„ã¾ã™ã€‚ãƒ•ãƒªãƒ¼ãƒ•ã‚©ãƒ³ãƒˆãªã©ã®ç„¡æ–™ãƒ‡ã‚¶ã‚¤ãƒ³ç´ æï¼é…è‰²ã‚„Webåˆ¶ä½œã¨ã„ã£ãŸæœ€æ–°ãƒˆãƒ¬ãƒ³ãƒ‰ã‚‚å…¬é–‹ä¸ã€‚
ShineSpark 2014/12/18
bootstrap

WebDesign
ãƒªãƒ³ã‚¯
Bootstrap 5 & Vanilla JavaScript - Free Material Design UI KIT
Material Design for Bootstrap 5 & Vanilla JavaScript Standard Bootstrap version built with plain JS (but works also with jQuery)
ShineSpark 2014/09/28
bootstrap

design
ãƒªãƒ³ã‚¯
ãã“ãã“ãƒ¦ãƒ¼ã‚¶ãƒ“ãƒªãƒ†ã‚£ã®é«˜ã„ãƒ•ã‚©ãƒ¼ãƒ ã‚’ä½œã£ãŸ
1/18/2014ãã“ãã“ãƒ¦ãƒ¼ã‚¶ãƒ“ãƒªãƒ†ã‚£ã®é«˜ã„ãƒ•ã‚©ãƒ¼ãƒ ã‚’ä½œã£ãŸåŽ»å¹´æœ«å®Ÿå®¶ã«å¸°çœã—ã¦ã„ãŸæ™‚ã«ã€jQueryã®ç·´ç¿’ï¼†æ¥å‹™ã§ä½¿ã†ãŸã‚ã«ã€ãƒ•ã‚©ãƒ¼ãƒ ãƒãƒªãƒ‡ãƒ¼ã‚·ãƒ§ãƒ³ã¨ã‹éƒµä¾¿ç•ªå·å¤‰æ›ã¨ã‹ã‚’å‚™ãˆãŸã€ãã“ãã“ãƒ¦ãƒ¼ã‚¶ãƒ“ãƒªãƒ†ã‚£ã®é«˜ã„å…¥åŠ›ãƒ•ã‚©ãƒ¼ãƒ ã‚’ã‚³ãƒ¼ãƒ‡ã‚£ãƒ³ã‚°ã—ã¦ã„ãŸã®ã§ã€ã“ã“ã§å…¬é–‹ã—ã¦ãŠãã¾ã™ã€‚ ãƒ•ã‚©ãƒ¼ãƒ ã‚µãƒ³ãƒ—ãƒ« ã‚½ãƒ¼ã‚¹ãŠæŒã¡å¸°ã‚Šç”¨ (Github) ã“ã“ã§â€ãã“ãã“â€ã¨è¨€ã£ã¦ã„ã‚‹ã®ã¯ã€ã‚‚ã¨ã‚‚ã¨æ¥å‹™ã§ãƒ¦ãƒ¼ã‚¶ãƒ“ãƒªãƒ†ã‚£æ”¹å–„æ¡ˆã¨ã—ã¦ä½¿ã†ã“ã¨ãŒç›®çš„ã§ã‚ã£ã¦ã€ãƒ™ã‚¹ãƒˆã‚’ç›®æŒ‡ã—ã¦ã‚‚ã‚µãƒ¼ãƒåˆ¶ç´„ã‚„ã‚³ã‚¹ãƒˆçš„ãªè¦³ç‚¹ã§ä½¿ãˆãªã„ã“ã¨ãŒã‚ã‚‹ã‹ã‚‰ã€ãã“ã¯ç›®æŒ‡ã•ãªã„ã‚ˆã¨ã„ã†æ„å‘³ã§ã™ã€‚ãã‚‚ãã‚‚ã€ãƒ•ã‚©ãƒ¼ãƒ ã¯å¿…è¦æ‚ªã§ã™ã—ã€ãƒ™ã‚¹ãƒˆã¯ãƒ•ã‚©ãƒ¼ãƒ ãŒå˜åœ¨ã—ãªã„ã“ã¨ã§ã™ãã€‚ ãƒ•ãƒãƒ³ãƒˆã‚¨ãƒ³ãƒ‰å®Ÿè£…ã ã‘ã§ã™ï¼ˆã‚µãƒ¼ãƒå´ã‚¹ã‚¯ãƒªãƒ—ãƒˆã¯æ›¸ã„ã¦ã¾ã›ã‚“ï¼‰ CSSãƒ•ãƒ¬ãƒ¼ãƒ ãƒ¯ãƒ¼ã‚¯ã¨ã—ã¦ bootstrap3 ã‚’åˆ©ç”¨ã—ã¦ã„ã¾ã™ã€‚ ä¸»ãªæ©Ÿèƒ½ å…¥åŠ›å¿…é ˆç®‡æ‰€ã®å¼·èª¿ã€ãŠã‚ˆã³å…¥åŠ›æ¤œè¨¼ requ
ShineSpark 2014/01/21
Webåˆ¶ä½œ

jQuery

javascript

bootstrap
ãƒªãƒ³ã‚¯
Bootstrap3è¶…é€Ÿãƒ¬ãƒ“ãƒ¥ãƒ¼ï¼åˆ·æ–°ã•ã‚ŒãŸã‚°ãƒªãƒƒãƒ‰ã‚·ã‚¹ãƒ†ãƒ ã‚’ç†è§£ã—ã‚ˆã†ï¼
Bootstrap3è¶…é€Ÿãƒ¬ãƒ“ãƒ¥ãƒ¼ï¼åˆ·æ–°ã•ã‚ŒãŸã‚°ãƒªãƒƒãƒ‰ã‚·ã‚¹ãƒ†ãƒ ã‚’ç†è§£ã—ã‚ˆã†ï¼ ç™½çŸ³ ä¿Šå¹³ï¼ˆHTML5 Experts.jpç·¨é›†é•·ï¼‰ äººæ°—ã®CSSãƒ•ãƒ¬ãƒ¼ãƒ ãƒ¯ãƒ¼ã‚¯ã€ŒBootstrapã€ã®ãƒãƒ¼ã‚¸ãƒ§ãƒ³3ãŒæ£å¼ã«ãƒªãƒªãƒ¼ã‚¹ã•ã‚Œã¾ã—ãŸã€‚ã“ã®è¨˜äº‹ã§ã¯æ—©é€ŸBootstrap3ã‚’ãƒ¬ãƒ“ãƒ¥ãƒ¼ã—ã€ç‰¹ã«ã‚°ãƒªãƒƒãƒ‰ã‚·ã‚¹ãƒ†ãƒ ã‚’æŽ˜ã‚Šä¸‹ã’ã¦è§£èª¬ã—ã¦ã¿ã¾ã™ã€‚ ãƒ•ãƒ©ãƒƒãƒˆãƒ‡ã‚¶ã‚¤ãƒ³æŽ¡ç”¨ã€ãƒ•ãƒ«ãƒ¬ã‚¹ãƒãƒ³ã‚·ãƒ–ï¼ Bootstrap2ã‹ã‚‰ã®å¤‰æ›´ç‚¹ã®ãƒªã‚¹ãƒˆã¯ã€å…¬å¼ã®ãƒªãƒªãƒ¼ã‚¹æ–‡ã‚’å‚ç…§ã—ã¦ãã ã•ã„ã€‚ç‰¹ã«å¤§ããªå¤‰æ›´ç‚¹ã¯ä»¥ä¸‹ã®ã¨ãŠã‚Šã§ã™ã€‚ ãƒ•ãƒ©ãƒƒãƒˆãƒ‡ã‚¶ã‚¤ãƒ³ã®æŽ¡ç”¨ ç¾åœ¨æµè¡Œã®ãƒ•ãƒ©ãƒƒãƒˆãƒ‡ã‚¶ã‚¤ãƒ³ã‚’æŽ¡ç”¨ã—ã¾ã—ãŸã€‚ãŸã ã“ã‚Œã¯ã€Œæµè¡Œã‚Šã«ä¹—ã£ãŸã€ã®ã§ã¯ãªãã€ãƒ†ãƒ¼ãƒžã®ä¸€ã¤ã¨ã—ã¦æä¾›ã•ã‚Œã¦ã„ã‚‹ã¨ã„ã†ä½ç½®ä»˜ã‘ã®ã‚ˆã†ã§ã™ã€‚ ä¾‹ãˆã°ä»¥ä¸‹ã¯ã€Bootstrap3ã®ãƒœã‚¿ãƒ³ã‚°ãƒ«ãƒ¼ãƒ—ã§ã™ã€‚ ãƒ¬ã‚¹ãƒãƒ³ã‚·ãƒ–Webãƒ‡ã‚¶ã‚¤ãƒ³ã®å…¨é¢æŽ¡ç”¨ ä»¥å‰ã¾ã§ã®Bootstrapã¯ã€ãƒ¬ã‚¹ãƒãƒ³ã‚·ãƒ–Webãƒ‡ã‚¶ã‚¤ãƒ³
ShineSpark 2013/08/20
bootstrap
ãƒªãƒ³ã‚¯
Icons | Font Awesome
The internet's icon library + toolkit. Used by millions of designers, devs, & content creators. Open-source. Always free. Always awesome.
ShineSpark 2013/07/18
Bootstrap

design

icon
ãƒªãƒ³ã‚¯
Movable TypeÃ—Twitter Bootstrapã®ãƒ†ãƒ³ãƒ—ãƒ¬ãƒ¼ãƒˆã‚’é…å¸ƒ
Home Web Movable Type Movable TypeÃ—Twitter Bootstrapã®ãƒ†ãƒ³ãƒ—ãƒ¬ãƒ¼ãƒˆã‚’é…å¸ƒ Tweet Twitter Bootstrapã§æ§‹ç¯‰ã—ãŸMovable Typeç”¨ã®ãƒ†ãƒ³ãƒ—ãƒ¬ãƒ¼ãƒˆã‚’é…å¸ƒã—ã¾ã™ã€‚ ãƒ¬ã‚¹ãƒãƒ³ã‚·ãƒ–ãƒ‡ã‚¶ã‚¤ãƒ³ã«å¯¾å¿œã—ãŸã„ã‘ã‚Œã©HTML5ã¨ã‹CSS3ã¨ã‹ã‚ˆãã‚ã‹ã‚‰ãªã„ã€ãƒ†ãƒ³ãƒ—ãƒ¬ãƒ¼ãƒˆã‚’ã‚«ã‚¹ã‚¿ãƒžã‚¤ã‚ºã™ã‚‹ã®ãŒé¢å€’ã¨ã„ã†æ–¹ã¯ã€ã“ã®ãƒ†ãƒ³ãƒ—ãƒ¬ãƒ¼ãƒˆã‚’ã”åˆ©ç”¨ãã ã•ã„ã€‚ Download | Demo ãƒ†ãƒ³ãƒ—ãƒ¬ãƒ¼ãƒˆã«ã¤ã„ã¦ ãƒ–ãƒã‚°ç”¨ã€2ã‚«ãƒ©ãƒ ãƒ¬ã‚¤ã‚¢ã‚¦ãƒˆã®ãƒ†ãƒ³ãƒ—ãƒ¬ãƒ¼ãƒˆã§ã™ã€‚ æ—¥æœ¬èªžç’°å¢ƒã§ä½œæˆã—ã¦ã„ã‚‹ãŸã‚ã€è‹±èªžç’°å¢ƒç‰ã§ã¯ãƒ†ãƒ³ãƒ—ãƒ¬ãƒ¼ãƒˆãŒé©ç”¨ã•ã‚Œãªã„ã€ã¾ãŸã¯æ–‡å—åŒ–ã‘ã™ã‚‹å¯èƒ½æ€§ãŒã‚ã‚Šã¾ã™ã®ã§ã”æ³¨æ„ãã ã•ã„ã€‚ åˆ¶ä½œãƒ»å‹•ä½œç¢ºèªç’°å¢ƒ MTOS 5.14 æ—¥æœ¬èªžç’°å¢ƒï¼ˆutf-8ï¼‰ Twitter Bootstrap Version 2.2.2 jQuery Version 1.
ShineSpark 2013/06/28
bootstrap

Movable Type
ãƒªãƒ³ã‚¯
ã²ã¨å‘³ã¡ãŒã†Twitter Bootstrapã®9å€‹ã®ç„¡æ–™ãƒ†ãƒ³ãƒ—ãƒ¬ãƒ¼ãƒˆ&æœ‰æ–™ã¾ã¨ã‚ã‚µã‚¤ãƒˆ - é…’ã¨æ³ªã¨Rubyã¨Railsã¨
ã²ã¨å‘³ã¡ãŒã†Twitter Bootstrapã®9å€‹ã®ç„¡æ–™ãƒ†ãƒ³ãƒ—ãƒ¬ãƒ¼ãƒˆ&æœ‰æ–™ã¾ã¨ã‚ã‚µã‚¤ãƒˆ Jan 28th, 2013 Tweet Twitter Bootstrapã¯ãƒ‡ã‚¶ã‚¤ãƒ³ãŒè‹¦æ‰‹ãªãƒ—ãƒã‚°ãƒ©ãƒžã®ãŸã‚ã®å¿…é ˆãƒ„ãƒ¼ãƒ«ã§ã™ã€‚ä»Šå›žã¯ã€ä¸€å‘³é•ã£ãŸBootstrapã‚µã‚¤ãƒˆã‚’ä½œã‚‹ã¨ãã«ãã£ã¨å‚è€ƒã«ãªã‚‹ãƒ†ãƒ³ãƒ—ãƒ¬ãƒ¼ãƒˆã‚’ã¾ã¨ã‚ã¦ã¿ã¾ã—ãŸï¼ (03/05 è¿½è¨˜) FlatUIã€Bootstrap Expoã‚’è¿½åŠ ã—ã¾ã—ãŸ (03/24 è¿½è¨˜) Flatstrapã‚’è¿½åŠ ã—ã¾ã—ãŸ (04/03 è¿½è¨˜) MagicSuggestã‚’è¿½åŠ ã—ã¾ã—ãŸ (04/04 è¿½è¨˜) Bootstrapã®ãƒªã‚½ãƒ¼ã‚¹ãƒã‚¿ã‚’åˆ¥ã®è¨˜äº‹ã«ã—ã¾ã—ãŸ ç„¡æ–™ã®ãƒ†ãƒ³ãƒ—ãƒ¬ãƒ¼ãƒˆ ç„¡æ–™ã®Bootstrapãƒ†ãƒ³ãƒ—ãƒ¬ãƒ¼ãƒˆã®ç´¹ä»‹ã§ã™ã€‚Bootswachã®ã‚ˆã†ã«CSSã ã‘ã§é©ç”¨ã§ãã‚‹ã‚‚ã®ã¨ã€HTML/CSS/JSãªã©ã„ã‚ã„ã‚è¿½åŠ ã—ãªã„ã¨å®Ÿç¾ã§ããªã„ã‚‚ã®ãŒã‚ã‚Šã¾ã™
ShineSpark 2013/05/23
bootstrap
ãƒªãƒ³ã‚¯
Geo for Bootstrap, a Timeless Theme by Divshot
Geo for Bootstrap A theme for Twitter Bootstrap, from Divshot. To get started, download the "bootstrap.css" or "bootstrap.min.css" file and include it in your HTML webpage <head> tag: <link href="bootstrap.css" rel="stylesheet">
ShineSpark 2013/04/04
bootstrap

web
ãƒªãƒ³ã‚¯
1