XOOPS and Twitter Bootstrap
•Download as PPTX, PDF•
0 likes•909 views
XOOPS Cube and Twitter Bootstrap with LESS edit.
Recommended
More Related Content
Similar to XOOPS and Twitter Bootstrap
Similar to XOOPS and Twitter Bootstrap (20)
More from Yoshi Sakai
More from Yoshi Sakai (18)
Recently uploaded
Recently uploaded (14)
XOOPS and Twitter Bootstrap
- 4. 開発環境へ
- 5. 基本的な使い方 <!DOCTYPE html> <html> <head> <link href="css/bootstrap.min.css" rel="stylesheet"> </head> <body> <h1>Hello, world!</h1> </body> </html>
- 6. ボタン <!DOCTYPE html> <html> <head> <link href="css/bootstrap.min.css" rel="stylesheet"> </head> <body> <h1>Hello, world!</h1> <a class="btn btn-success btn-large" href="#"> <i class="icon-white icon-ok"></i> 実行する </a> </body> </html>
- 7. LESS twitter Bootstrap はLESSというCSSメタ言語 （プリプロセッサ）で記述されている。メ タ言語とは一定の記述で複数箇所に記述さ れたパーツを解りやすい単語に置き換えた ものである。例えばRGBカラーの#0000FFを @blueと命名するという感じだ。カラース キームを調整する場合、従来ならばCSSのカ ラー値を逐一編集する必要があった。twitter Bootstrap ではLESSというCSSメタ言語（プリ プロセッサ）で記述されているため、一括 で変更することができる。
- 8. 字ばかりですいません。