Twitter Bootstrapを使ã†ä¸Šã§çŸ¥ã£ã¦ãŠã„ãŸã»ã†ãŒã„ã„ã“㨠- TechTalkManiacs一昨日ã€HTML5ã¨ã‹å‹‰å¼·ä¼šã«å‚åŠ ã—ã¦ã„ãŸéš›ã«Twitter　Bootstrapã«ã¤ã„ã¦ã¤ã·ã‚„ã„ãŸã“ã¨ã‚’ã¾ã¨ã‚ã¦ãŠãã¾ã™ã€‚ 横並ã³ã®ãƒ¬ã‚¤ã‚¢ã‚¦ãƒˆã‚’æ„è˜ã—よㆠwebページã®ç”»é¢ã®ãƒ¬ã‚¤ã‚¢ã‚¦ãƒˆã¨ã„ã†ã¨ç¸¦ã«åˆ—を並ã¹ãŸä¸Šã§æ¨ªæ–¹å‘ã®é…置を行ã†ãƒžãƒ«ãƒã‚«ãƒ©ãƒ レイアウトãŒæ€ã„æµ®ã‹ã³ã¾ã™ãŒã€Twitter Bootstrapã¯æ¨ªä¸€åˆ—ã«ãã‚Œã„ã«ä¸¦ã¹ã‚‹ã“ã¨ã‚’æ„è˜ã—ã¦ä½œã‚‰ã‚Œã¦ã„ã¾ã™ã€‚ 下ã®ç”»åƒã¯å…¬å¼ã‚µãƒ³ãƒ—ルを切り出ã—ãŸã‚‚ã®ã§ã™ãŒã€æ¨ªã®åˆ—ãŒç©ã¿é‡ãªã£ã¦ã„ã‚‹ã®ãŒã‚ã‹ã‚‹ã¨æ€ã„ã¾ã™ã€‚ ã“ã®ã‚ˆã†ã«ã€ãƒ‡ã‚¶ã‚¤ãƒ³ã™ã‚‹æ™‚ã«ã¯æ¨ªä¸¦ã³ã®ãƒ¬ã‚¤ã‚¢ã‚¦ãƒˆã‚’æ„è˜ã™ã‚‹ã“ã¨ãŒé‡è¦ã§ã™ ヘッダーãŒå‘½ Twitter Bootstrapを使ã£ãŸãƒ†ãƒ³ãƒ—レートã¯ã©ã‚Œã‚‚ä¼¼ãŸã‚ˆã†ãªå°è±¡ã«ãªã£ã¦ã—ã¾ã†ã®ã§ã™ãŒã€ãã®å°è±¡ã®ã»ã¨ã‚“ã©ãƒ˜ãƒƒãƒ€ãƒ¼éƒ¨åˆ†ãŒæ‹…ã£ã¦ã„ã¾ã™ã€‚ ã“れを外ã™ã‹ã€ã‚ã‚‹ã„ã¯ã„ã¾ã¯ã‚„ã‚Šã®å¤§ããªã‚°ãƒ©ãƒ‡ãƒ¼ã‚·ãƒ§ãƒ³ã®å…¥ã£ãŸãƒ˜ãƒƒãƒ€ãƒ¼ã«å¤‰ãˆã¾ã—ょã†ã€ä¸‹ã®ç”»åƒã¯å…¬å¼ã‚µãƒ³ãƒ—ル
{{#tags}}- {{label}}
{{/tags}}