Bootstrap Sass ã§ã‚°ãƒªãƒƒãƒ‰ã‚«ãƒ©ãƒ æ•°ã‚’24ã«å¤‰æ›´ã™ã‚‹æ–¹æ³• - よã¤ã°æ‰‹å¸–Bootstrap Sass ã®ã‚°ãƒªãƒƒãƒ‰ã‚«ãƒ©ãƒ を変更ã™ã‚‹ã®ã¯ã¨ã£ã¦ã‚‚ç°¡å˜ ã¡ã‚‡ã£ã¨å‰ã«Bootstrapã®Sass版ãŒå‡ºã¾ã—ãŸã。今ã¾ã§éžå…¬å¼ã®ã‚’使ã£ã¦ãŸã®ã§ã‚ã‚ŠãŒãŸã„é™ã‚Šã€‚ Bootstrapã®ã‚°ãƒªãƒƒãƒ‰ã‚·ã‚¹ãƒ†ãƒ ã¯12カラムãªã‚“ã§ã™ã‘ã©ã€ã€Œã‚‚ã†å°‘ã—ç´°ã‹ã調整出æ¥ãŸã‚‰è‰¯ã„ãªã€ã¨æ€ã†äº‹ã‚‚出ã¦æ¥ã¾ã—ãŸã€‚ パーセンテージã®ãƒ¬ã‚¤ã‚¢ã‚¦ãƒˆã—ãªãゃã„ã‘ãªã„ã‹ãªãƒ¼ã£ã¦æ€ã£ã¦ãŸã‚‰ã‚‚ã®ã™ã”ãç°¡å˜ã«å‡ºæ¥ã¾ã—ãŸã€‚Sassã®ç´ 晴らã—ã•ã‚’å†ç¢ºèªã€‚ bootstrap/_variables.scss ã®ä¸ã®ä¸‹è¨˜ã®æ•°å—ã‚’12ã‹ã‚‰24ã«å¤‰ãˆã‚‹ã ã‘ã§ã—ãŸã€‚ $grid-columns:12 !default; ※36カラムã®æŒ‡å®šã‚‚å¯èƒ½ã§ã™ã€‚ Bootstrapã¯ã‚«ã‚¹ã‚¿ãƒžã‚¤ã‚ºã—ã¦ä½¿ã£ã¦ã¾ã™ã€‚ CSSフレームワークã®Bootstrapを使ã£ã¦ã¯ã„ã¾ã™ãŒã€æ£ç›´ã‚°ãƒªãƒƒãƒ‰ã‚·ã‚¹ãƒ†ãƒ 以外ã¯ãã“ã¾ã§ãŠä¸–話ã«ãªã£ã¦ãªã‹ã£ãŸã‚Šã‚‚ã—ã¾ã™ã€‚ 行間ã¨ã‹
{{#tags}}- {{label}}
{{/tags}}