http://x.9tripod.com/wiki/zh/index.php?action=history&feed=atom&title=BootStrap_Colour_Classes 2026-04-19T20:59:35Z 本wiki的该页面的版本历史 MediaWiki 1.28.0 http://x.9tripod.com/wiki/zh/index.php?title=BootStrap_Colour_Classes&diff=214&oldid=prev 2016-12-07T10:59:05Z

<p>创建页面，内容为“ &lt;p&gt;Each BootStrapSkin stylesheet has 23 colours to choose from, 4 Bootstrap and 14 custom colours, and a further 5 shades of the stylesheet being used.&lt;/p&gt;...”</p> <p><b>新页面</b></p><div> &lt;p&gt;Each BootStrapSkin stylesheet has 23 colours to choose from, 4 Bootstrap and 14 custom colours, and a further 5 shades of the stylesheet being used.&lt;/p&gt;<br /> &lt;p&gt;The examples below use the bootstrap-blue.css stylesheet, but you can also choose from 10 other colour styles.&lt;/p&gt;<br /> &lt;p&gt;'''Shaded colour classes''';&lt;/p&gt;<br /> &lt;div class=&quot;btn btn-default&quot; style=&quot;margin:3px;&quot;&gt;&lt;i class=&quot;fa fa-exclamation-triangle&quot;&gt;&lt;/i&gt; default&lt;/div&gt; &lt;div class=&quot;btn btn-light&quot; style=&quot;margin:3px;&quot;&gt;&lt;i class=&quot;fa fa-exclamation-triangle&quot;&gt;&lt;/i&gt; light&lt;/div&gt; &lt;div class=&quot;btn btn-lighter&quot; style=&quot;margin:3px;&quot;&gt;&lt;i class=&quot;fa fa-exclamation-triangle&quot;&gt;&lt;/i&gt; lighter&lt;/div&gt; &lt;div class=&quot;btn btn-dark&quot; style=&quot;margin:3px;&quot;&gt;&lt;i class=&quot;fa fa-exclamation-triangle&quot;&gt;&lt;/i&gt; dark&lt;/div&gt; &lt;div class=&quot;btn btn-darker&quot; style=&quot;margin:3px;&quot;&gt;&lt;i class=&quot;fa fa-exclamation-triangle&quot;&gt;&lt;/i&gt; darker&lt;/div&gt;<br /> &lt;p&gt;'''BootStrap colour classes''';&lt;/p&gt;<br /> &lt;div class=&quot;btn btn-info&quot; style=&quot;margin:3px;&quot;&gt;&lt;i class=&quot;fa fa-exclamation-triangle&quot;&gt;&lt;/i&gt; info&lt;/div&gt; &lt;div class=&quot;btn btn-success&quot; style=&quot;margin:3px;&quot;&gt;&lt;i class=&quot;fa fa-exclamation-triangle&quot;&gt;&lt;/i&gt; success&lt;/div&gt; &lt;div class=&quot;btn btn-warning&quot; style=&quot;margin:3px;&quot;&gt;&lt;i class=&quot;fa fa-exclamation-triangle&quot;&gt;&lt;/i&gt; warning&lt;/div&gt; &lt;div class=&quot;btn btn-danger&quot; style=&quot;margin:3px;&quot;&gt;&lt;i class=&quot;fa fa-exclamation-triangle&quot;&gt;&lt;/i&gt; danger&lt;/div&gt;<br /> &lt;p&gt;'''Custom colour classes''';&lt;/p&gt;<br /> &lt;div class=&quot;btn btn-neutral&quot; style=&quot;margin:3px;&quot;&gt;&lt;i class=&quot;fa fa-exclamation-triangle&quot;&gt;&lt;/i&gt; neutral&lt;/div&gt; &lt;div class=&quot;btn btn-neutral-light&quot; style=&quot;margin:3px;&quot;&gt;&lt;i class=&quot;fa fa-exclamation-triangle&quot;&gt;&lt;/i&gt; neutral-light&lt;/div&gt; &lt;div class=&quot;btn btn-primary&quot; style=&quot;margin:3px;&quot;&gt;&lt;i class=&quot;fa fa-exclamation-triangle&quot;&gt;&lt;/i&gt; primary&lt;/div&gt; &lt;div class=&quot;btn btn-cyanide&quot; style=&quot;margin:3px;&quot;&gt;&lt;i class=&quot;fa fa-exclamation-triangle&quot;&gt;&lt;/i&gt; cyanide&lt;/div&gt; &lt;div class=&quot;btn btn-meadow&quot; style=&quot;margin:3px;&quot;&gt;&lt;i class=&quot;fa fa-exclamation-triangle&quot;&gt;&lt;/i&gt; meadow&lt;/div&gt; &lt;div class=&quot;btn btn-cocktail&quot; style=&quot;margin:3px;&quot;&gt;&lt;i class=&quot;fa fa-exclamation-triangle&quot;&gt;&lt;/i&gt; cocktail&lt;/div&gt; &lt;div class=&quot;btn btn-mango&quot; style=&quot;margin:3px;&quot;&gt;&lt;i class=&quot;fa fa-exclamation-triangle&quot;&gt;&lt;/i&gt; mango&lt;/div&gt; &lt;div class=&quot;btn btn-berry&quot; style=&quot;margin:3px;&quot;&gt;&lt;i class=&quot;fa fa-exclamation-triangle&quot;&gt;&lt;/i&gt; berry&lt;/div&gt; &lt;div class=&quot;btn btn-hearts&quot; style=&quot;margin:3px;&quot;&gt;&lt;i class=&quot;fa fa-exclamation-triangle&quot;&gt;&lt;/i&gt; hearts&lt;/div&gt; &lt;div class=&quot;btn btn-party&quot; style=&quot;margin:3px;&quot;&gt;&lt;i class=&quot;fa fa-exclamation-triangle&quot;&gt;&lt;/i&gt; party&lt;/div&gt; &lt;p&gt;&lt;/p&gt;&lt;div class=&quot;btn btn-midnight&quot; style=&quot;margin:3px;&quot;&gt;&lt;i class=&quot;fa fa-exclamation-triangle&quot;&gt;&lt;/i&gt; midnight&lt;/div&gt; &lt;div class=&quot;btn btn-cello&quot; style=&quot;margin:3px;&quot;&gt;&lt;i class=&quot;fa fa-exclamation-triangle&quot;&gt;&lt;/i&gt; cello&lt;/div&gt; &lt;div class=&quot;btn btn-hollow&quot; style=&quot;margin:3px;&quot;&gt;&lt;i class=&quot;fa fa-exclamation-triangle&quot;&gt;&lt;/i&gt; hollow&lt;/div&gt; &lt;div class=&quot;btn btn-concrete&quot; style=&quot;margin:3px;&quot;&gt;&lt;i class=&quot;fa fa-exclamation-triangle&quot;&gt;&lt;/i&gt; concrete&lt;/div&gt;<br /> &lt;h4 class=&quot;subtitle-black&quot;&gt;Using Colors&lt;/h4&gt;<br /> &lt;p&gt;Add any of the colors listed above, the buttons are used as a guide, but can be added to any of the Bootstrap styles e.g. panels, buttons, alerts etc.&lt;/p&gt;<br /> &lt;pre&gt;<br /> &lt;div class=&quot;btn btn-concrete&quot;&gt;&lt;i class=&quot;fa fa-exclamation-triangle&quot;&gt;&lt;/i&gt; concrete&lt;/div&gt;<br /> &lt;/pre&gt;<br /> &lt;p&gt;In the example above we're using the concrete color class with a button, to change the color replace concrete to any of the names shown on the example buttons.&lt;/p&gt;</div>

Admin