XOOPS and Twitter Bootstrap
Download as PPTX, PDF0 likes909 views
XOOPS Cube and Twitter Bootstrap with LESS edit.
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. 字ばかりですいません。