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

y_koh id:y_koh

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

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

Bootstrap3 ãƒ¬ã‚¹ãƒãƒ³ã‚·ãƒ–ã‚’ä½¿ã‚ãšå›ºå®šå¹…ã§ä½¿ã†æ–¹æ³•
Bootstrap3ãŒå…¬é–‹ã•ã‚Œã¦ã—ã°ã‚‰ããŸã¡ã¾ã™ãã€‚2.*ã®ã¨ãã¯ãƒ¬ã‚¹ãƒãƒ³ã‚·ãƒ–ã¨å›ºå®šå¹…ãƒ¬ã‚¤ã‚¢ã‚¦ãƒˆã®CSSãƒ•ã‚¡ã‚¤ãƒ«ãŒåˆ¥ã‚Œã¦ã„ãŸãŸã‚ã€ç°¡å˜ã«åˆ‡ã‚Šæ›¿ãˆã‚‹ã“ã¨ãŒã§ãã¾ã—ãŸã€‚ãŒã€3ã«ãªã£ã¦ã‹ã‚‰ã¯ä¸€ç·’ã«ãªã£ãŸã®ã§ã€ãƒ‡ãƒ•ã‚©ãƒ«ãƒˆã§ã¯å…¨ã¦ãƒ¬ã‚¹ãƒãƒ³ã‚·ãƒ–ã«ãªã£ã¦ã—ã¾ã„ã¾ã™ã€‚ ã“ã“ã§ã¯Bootstrap3ã®ã‚°ãƒªãƒƒãƒ‰ã‚·ã‚¹ãƒ†ãƒ ã ã‘ä½¿ã„ãŸãã¦ã€ãƒ¬ã‚¹ãƒãƒ³ã‚·ãƒ–ã«ã—ãŸããªã„å ´åˆã®è¨å®šæ–¹æ³•ã‚’ç´¹ä»‹ã—ã¾ã™ã€‚ 1.metaè¦ç´ ã®viewportã‚’å‰Šé™¤ã™ã‚‹ /* ä»¥ä¸‹ã‚’å‰Šé™¤ã™ã‚‹ */ <meta name="viewport" content="width=device-width, initial-scale=1.0"> 2.containerã‚¯ãƒ©ã‚¹ã‚’ä»¥ä¸‹ã§ä¸Šæ›¸ã .container { max-width: none !important; width: 970px; } 3.navbarã‚’ä½¿ã£ã¦ã„ã‚‹ã¨ãã¯å´©ã‚Œã‚‹ã®ã‚’é¿ã‘ã‚‹ãŸã‚ä»¥
y_koh 2014/08/09
bootstrap
ãƒªãƒ³ã‚¯
Bootstrapä½¿ã„æ–¹ãƒ¡ãƒ¢ï¼‘ï¼ˆåŸºæœ¬ï¼‹CSSï¼‰ - Qiita
<!DOCTYPE html> <html> <head> <meta http-equiv="X-UA-Compatible" content="IE=edge"> <meta name="viewport" content="width=device-width, initial-scale=1"> <link rel="stylesheet" href="bootstrap.min.css" />  </head> <body> <nav class="navbar navbar-default"> <div class="container-fluid"> <div cla
y_koh 2014/08/09
bootstrap
ãƒªãƒ³ã‚¯
Bootstrapãƒ™ãƒ¼ã‚¹ã®ç®¡ç†ç”»é¢ç”¨ãƒ†ãƒ³ãƒ—ãƒ¬ãƒ¼ãƒˆÂ·Charisma MOONGIFT
Charismaã¯HTML5/JavaScriptè£½ã®ã‚ªãƒ¼ãƒ—ãƒ³ã‚½ãƒ¼ã‚¹ãƒ»ã‚½ãƒ•ãƒˆã‚¦ã‚§ã‚¢ï¼ˆApache Licnese 2.0ï¼‰ã§ã™ã€‚ Webã‚·ã‚¹ãƒ†ãƒ é–‹ç™ºã«ãŠã„ã¦æ„å¤–ã¨ä¸é‡ãªã®ãŒç®¡ç†ç”»é¢ã§ã™ã€‚å†…éƒ¨ã®äººãŒä½¿ã†ã‚‚ã®ãªã®ã§é©å½“ã«ä½œã‚‰ã‚Œã‚‹ã‚±ãƒ¼ã‚¹ãŒå¤šããªã‚Šã¾ã™ã€‚ãã“ã§ä½¿ã£ã¦ã¿ãŸã„ã®ãŒCharismaã§ã™ã€‚ãƒªãƒƒãƒãªç®¡ç†ç”»é¢ã‚’Boostrapã‚’ãƒ™ãƒ¼ã‚¹ã«ä½œã‚Šä¸Šã’ã‚‹äº‹ãŒã§ãã¾ã™ã€‚ ã‚¦ã‚£ã‚¸ã‚§ãƒƒãƒˆãŒã¤ã„ãŸã€ãƒªãƒƒãƒãªç®¡ç†ç”»é¢ã§ã™ã€‚ã“ã“ã¾ã§æµã¾ã‚Œã¦ã„ã‚‹ã‚±ãƒ¼ã‚¹ã¯æ—©ã€…ãªã„ã§ã—ã‚‡ã†ã€‚ ãƒ‰ãƒ©ãƒƒã‚°&ãƒ‰ãƒãƒƒãƒ—ã«ã‚ˆã‚‹é…ç½®å¤‰æ›´ã‚‚ã‚µãƒãƒ¼ãƒˆã€‚ æŠ˜ã‚Šç•³ã‚“ã§éš ã™äº‹ã‚‚ã§ãã¾ã™ã€‚ ã‚°ãƒªãƒƒãƒ‰ã¯ç´°ã‹ãã‚µãƒãƒ¼ãƒˆã•ã‚Œã¦ã„ã¾ã™ã€‚ ã‚«ãƒ¬ãƒ³ãƒ€ãƒ¼ã€‚ã‚·ã‚¹ãƒ†ãƒ å†…éƒ¨ã®ãƒ‡ãƒ¼ã‚¿ã‚’ãƒžãƒƒãƒ”ãƒ³ã‚°ã™ã‚‹ã¨è¦‹é€šã—ãŒè‰¯ããªã‚Šãã†ã§ã™ã€‚ ãƒ¡ãƒ³ãƒãƒ¼ä¸€è¦§ã€‚æ¤œç´¢ã‚„ãƒ©ãƒ™ãƒ«ã‚‚ã‚ã£ã¦ä¾¿åˆ©ãã†ã§ã™ã€‚ ã‚®ãƒ£ãƒ©ãƒªãƒ¼ã€‚ã‚µãƒ ãƒã‚¤ãƒ«å†™çœŸã‚’ãã‚Œã„ã«ä¸¦ã¹ã¦ã„ã¾ã™ã€‚ ã‚¿ã‚¤ãƒã‚°ãƒ©ãƒ•ã‚£ã€‚æ§˜ã€…ãªã‚¿ã‚°ã‚’ã‚µãƒãƒ¼ãƒˆã—ã¦ã„ã‚‹ã®ã§å¥‡éº—
y_koh 2013/08/07
bootstrap
ãƒªãƒ³ã‚¯
ç¶šãƒ»Twitter bootstrapå…¥é–€ #html5j
\n \n \n \n \n \n \n \n \n \n \n \n \n \n \n \n \n \n \n \n \n \n \n \n \n \n \n \n \n \n \n \n \n \n \n \n \n \n \n \n \n \n \n \n \n \n \n \n \n \n \n \n \n \n \n \n \n \n \n ç¶šãƒ»Twitter bootstrapå…¥é–€ #html5j â€” Presentation Transcript ç¶šãƒ»Twitter Bootstrapå…¥é–€ ç¬¬27å›ž HTML5ã¨ã‹å‹‰å¼·ä¼š #html5j 2012/03/13 Toshiaki Maki (@making) è‡ªå·±ç´¹ä»‹â€¢ Toshiaki Maki(@making)â€¢ http://blog.ik.amâ€¢ æŸå¤§æ‰‹ãˆã™ã‚ã„ã‚ãƒ¼ã§R&D â€¢ ç¤¾å†…Javaãƒ•ãƒ¬ãƒ¼ãƒ ãƒ¯ãƒ¼ã‚¯ã®é–‹ç™ºãƒ»ä¿å®ˆã‚„ã£
y_koh 2012/03/14
bootstrap
ãƒªãƒ³ã‚¯
Twitter bootstrapå…¥é–€ #twtr_hack
The document discusses Twitter Bootstrap, an open-source front-end web development framework. It provides information on Bootstrap's history and features, including its grid system, typography, forms, buttons, navigation and other components. The document also offers tips on getting started with Bootstrap, customizing it using LESS, and related tools and resources.Read less
y_koh 2012/02/24
bootstrap

webdesign
ãƒªãƒ³ã‚¯
bootstrapã®popoverã‚’ã™ã“ã—æ”¹è‰¯
modalã§ãƒãƒƒãƒ—ã‚¢ãƒƒãƒ—è¡¨ç¤ºã—ãŸå†…å®¹ã‹ã‚‰ã€ã•ã‚‰ã«ã‚«ãƒ¼ã‚½ãƒ«ã‚’å½“ã¦ã‚‹ã¨popoverã§å¤šãã®æƒ…å ±ã‚’è¡¨ç¤ºã•ã›ãŸã‹ã£ãŸã€‚æ¨™æº–ã®æ©Ÿèƒ½ã¨é•ã†ã®ã¯ä¸‹è¨˜ã®ç‚¹
y_koh 2012/02/23
bootstrap
ãƒªãƒ³ã‚¯
æ°´æ¼ã‚Œä¿®ç†æ¥è€…ã®æŽ¢ã—æ–¹
æ°´é“ä¿®ç†æ¥è€…ã‚’æŽ¢ã™ãŸã‚ã®ãƒã‚¤ãƒ³ãƒˆ ã€Œæ ¼å®‰ æ°´æ¼ã‚Œ ä¿®ç†ã€ã®ã‚ˆã†ãªæ¤œç´¢ã¯ã—ãªã„ æ°´æ¼ã‚Œãªã©ã®æ°´é“ä¿®ç†æ¥è€…ã‚’æŽ¢ã™ã¨ãã«æ°—ã‚’ã¤ã‘ãŸã„ã®ã¯ã€ã‚ã¾ã‚Šã«ã‚‚å®‰ã„é‡‘é¡ã‚’æç¤ºã—ã¦ã„ã‚‹æ¥è€…ã¯å€™è£œã‹ã‚‰é™¤å¤–ã—ã¾ã—ã‚‡ã†ã€‚ ã€Œæ ¼å®‰ã€€æ°´æ¼ã‚Œã€€ä¿®ç†ã€ãªã©ã§æ¤œç´¢ã™ã‚‹ã¨ã€æ¤œç´¢çµæžœã«ã€Œæ°´æ¼ã‚Œä¿®ç†500å††ã€œã€ã¨ã‹ã€ŒåŸºæœ¬æ–™é‡‘280å††ã€œã€ã®ã‚ˆã†ãªé…åŠ›çš„ãªé‡‘é¡ã‚’å…¨é¢ã«å‡ºã—ã¦ãã‚‹æ¥è€…ãŒè¡¨ç¤ºã•ã‚Œã‚‹å ´åˆãŒã‚ã‚Šã¾ã™ãŒã€ã“ã®ã‚ˆã†ãªç•°å¸¸ãªå®‰ã•ã‚’ã‚¦ãƒªã«ã—ã¦ã„ã‚‹æ°´é“ä¿®ç†æ¥è€…ã«ã¯æ°—ã‚’ã¤ã‘ã¦ä¸‹ã•ã„ã€‚ ã“ã‚Œã‚‰ã®æ¥è€…ãŒå…¨ã¦æ€ªã—ã„æ¥è€…ã¨ã¯è¨€ã‚ãªã„ã§ã™ãŒã€å°‚é–€çŸ¥è˜ã‚’å‚™ãˆãŸä½œæ¥ã‚¹ã‚¿ãƒƒãƒ•ãŒå®¶ã¾ã§è»Šã§è¨ªå•ã—ã¦æ°´é“ãƒˆãƒ©ãƒ–ãƒ«ã‚’ç›´ã—ã¦æ•°ç™¾å††ã§çµ‚ã‚ã‚‹ã¯ãšãªã„ã§ã™ã‚ˆãã€‚å¿…ãšã¨è¨€ã£ã¦ã„ã„ã»ã©åŸºæœ¬æ–™é‡‘ä»¥å¤–ã«ä½œæ¥ä»£é‡‘ãƒ»å‡ºå¼µè²»ãƒ»è¦‹ç©è²»ãƒ»ã‚ãƒ£ãƒ³ã‚»ãƒ«è²»ã¨ã„ã†ã‚ˆã†ãªåç›®ã§è¿½åŠ è²»ç”¨ãŒã‹ã‹ã‚Šã¾ã™ã€‚ å†·é™ã«ãªã‚‹ã¨ã‚ã‹ã‚‹ã®ã§ã™ãŒã€æ°´é“ãƒˆãƒ©ãƒ–ãƒ«ã§ç„¦ã£ã¦ã„ã‚‹å ´åˆã«ã¯ãã®ã‚ˆã†ãªã“ã¨ã‚‚æ°—ã¥ã‹ãªããªã‚Šã€æœŸå¾…ã‚’
y_koh 2012/02/23
bootstrap

CSS
ãƒªãƒ³ã‚¯
twitter bootstrap railsã‚’ä½¿ã£ãŸã‚‰è·ãŒè¦‹ã¤ã‹ã‚Šå½¼å¥³ã‚‚å‡ºæ¥ã¦èƒŒã‚‚3ã‚»ãƒ³ãƒä¼¸ã³ã¾ã—ãŸã€‚ - ppworks.jp
twitter bootstrapã‚’æ›´ã«ä¾¿åˆ©ã«ä½¿ã†gemãŒtwitter bootstrap railsã§ã™ã€‚ railsã‚¢ãƒ—ãƒªã‚’ä½œã‚Šã¾ã—ã‚‡ã†ã€‚ rvmã§gem setä½œã‚Šã¾ã™ã€‚ rvm --create 1.9.3-p125@tbrsample railsã‚¢ãƒ—ãƒªç”Ÿæˆã—ã¾ã™ã€‚ gem install rails --no-ri --no-rdoc rails new tbrsample gemã‚’æŒ‡å®šã—ã¾ã—ã‚‡ã†ã€‚ Gemfileã®group :assetsã«è¿½åŠ ã—ã¾ã™ã€‚ cd tbrsample vim Gemfile gem "twitter-bootstrap-rails" ã©ã‚“ bundle install --without=production bootstrapã‚’generateã—ã¾ã—ã‚‡ã†ã€‚ å¿…è¦ãªjsã‚„cssã‚’app/assetsé…ä¸‹ã«é…ç½®ã—ã¾ã™ã€‚ rails g bootst
y_koh 2012/02/19
rails

bootstrap
ãƒªãƒ³ã‚¯
IDEA * IDEA
ãƒ‰ãƒƒãƒˆã‚¤ãƒ³ã‚¹ãƒˆãƒ¼ãƒ«ä»£è¡¨ã®ãƒ©ã‚¤ãƒ•ãƒãƒƒã‚¯ãƒ–ãƒã‚°
y_koh 2012/02/01
html5

Twitter

bootstrap
ãƒªãƒ³ã‚¯
1