ホームページ > 記事 > ウェブフロントエンド > ブースストラップの事前定義済み style_html/css_WEB-ITnose
ブースストラップの事前定義済み style_html/css_WEB-ITnose
- WBOYオリジナル
- 2016-06-24 11:34:321644ブラウズ
- 事前定義されたスタイルは、primary (優先)、success (成功)、info (一般情報)、warning (警告)、danger (危険) の 5 つのタイプに分かれています。デモは次のとおりで、異なるクラスを設定します。別のスタイルを表示
-
<!DOCTYPE HTML><html> <head> <meta http-equiv="Content-Type" content="text/html; charset=utf-8"> <title>无标题文档</title> <meta http-equiv="X-UA-Compatible" content="IE=edge"> <meta name="viewport" content="width=device-width, initial-scale=1"> <link rel="stylesheet" href="css/bootstrap.css"> <style> .glyphicon-heart {font-size: 100px; color: red;} </style> </head><body><div class="container"> <input type="button" value="默认样式" /> <input type="button" class="btn btn-primary" value="首选项" /> <input type="button" class="btn btn-success" value="成功" /> <input type="button" class="btn btn-info" value="一般信息" /> <input type="button" class="btn btn-warning" value="警告" /> <input type="button" class="btn btn-danger" value="危险" /></div></body> <script src="js/jquery-2.1.3.js"></script> <script src="js/bootstrap.js"></script></html> - 上記の btn-* に加えて、(bg | text |alert)-(primary | success | info | warning | fear) などの他のクラスもあります。など、個別に使用できます さまざまなスタイルを設定します
- 以下はパネル コントロールです
- Web サイト: http://v3.bootcss.com/components/#panels
- パネルの小さなデモ コードとレンダリングは次のとおりですフォローします
れーれー
声明：
この記事の内容はネチズンが自主的に寄稿したものであり、著作権は原著者に帰属します。このサイトは、それに相当する法的責任を負いません。盗作または侵害の疑いのあるコンテンツを見つけた場合は、admin@php.cn までご連絡ください。