Railsエンジニアã®ãŸã‚ã®Twitter Bootstrapカスタマイズ例
Sassを使ã£ãŸã‚Šã€äººã‹ã‚‰ãƒ‘クã£ãŸã‚Šã—ã¦ã€æ¥µåŠ›å¤±æ•—ã—ãªã„方法
Twitter ã® bootstrap を使ã£ãŸãƒ¡ãƒ¢
ドã‚ュメント自体㌠bootstrap ã§ä½œã‚‰ã‚Œã¦ã„ã¦ã€ãã‚ŒãŒã‚µãƒ³ãƒ—ルも兼ãã¦ã„ã¦ãã£ã‹ã‚‰å°‘ã—ã„ã˜ã£ãŸãƒ¡ãƒ¢ã€‚以下ã€bootstrap ã® version 1.2.0 ã§ã®è©±ã§ã™ã€‚ 使ã„æ–¹ bootstrap を使用ã—よã†ã¨ã™ã‚‹ã¨ï¼’通りã®æ–¹æ³•ãŒã‚ã‚Šã¾ã™ã€‚ 1. less.js を使用㗠less ファイルをèªã¿è¾¼ã‚€æ–¹æ³•ã€‚(ã“ã‚“ãªæ„Ÿã˜)(※1) 2. css をファイルをèªã¿è¾¼ã‚€ã€‚github ã«ç½®ã‹ã‚Œã¦ã„ã¾ã™ã€‚ (※1)sass çš„ãªã‚„ã¤ã§ã™ã€‚less ファイルをコンパイルã—㦠css ファイルを作るã“ã¨ã‚‚ã§ãã¾ã™ã€‚ ã“れ㯠npm ã§ã‚¤ãƒ³ã‚¹ãƒˆãƒ¼ãƒ«ã™ã‚‹å¿…è¦ãŒã‚ã‚‹ã®ã§ node 環境ãŒå¿…è¦ã«ãªã£ã¦ãã¾ã™ã€‚ less 㨠sass ãŒåˆ†ã‹ã‚‰ãªã„å ´åˆã¯â€CSS拡張メタ言語「SCSS(Sass)ã€ã¨ã€ŒLESSã€ã®æ¯”較“ãŒã‚ã‹ã‚Šã‚„ã™ã‹ã£ãŸã§ã™ã€‚ ç”»é¢ä¸Šã‚’16カラムã§åˆ†å‰²ã•ã‚Œã¦ã„ã¦ã€ãã“ã‚’ã©ã†ä½¿ã†ã‹ã§ãƒ¬
1
ランã‚ング
ランã‚ング
ランã‚ング
リリースã€éšœå®³æƒ…å ±ãªã©ã®ã‚µãƒ¼ãƒ“スã®ãŠçŸ¥ã‚‰ã›
最新ã®äººæ°—エントリーã®é…ä¿¡
処ç†ã‚’実行ä¸ã§ã™
j次ã®ãƒ–ックマーク
kå‰ã®ãƒ–ックマーク
lã‚ã¨ã§èªã‚€
eコメント一覧を開ã
oページを開ã
Bs3 Document
Components · Twitter Bootstrap
{{#tags}}- {{label}}
{{/tags}}