Usage of btn-xs Bootstrap class

BootstrapWeb DevelopmentCSS Framework

<p style="">Create an extra small button using the btn-xs Bootstrap class. You can try to run the following code to implement the btn-xs class:</p><h2>Example</h2><p><a class="demo" href="http://tpcg.io/hvXtI7" rel="nofollow" target="_blank">Live Demo</a></p><pre class="prettyprint notranslate">&lt;!DOCTYPE html&gt; &lt;html&gt; &nbsp; &nbsp;&lt;head&gt; &nbsp; &nbsp; &nbsp; &lt;title&gt;Bootstrap Example&lt;/title&gt; &nbsp; &nbsp; &nbsp; &lt;link href = &quot;/bootstrap/css/bootstrap.min.css&quot; rel = &quot;stylesheet&quot;&gt; &nbsp; &nbsp; &nbsp; &lt;script src = &quot;/scripts/jquery.min.js&quot;&gt;&lt;/script&gt; &nbsp; &nbsp; &nbsp; &lt;script src = &quot;/bootstrap/js/bootstrap.min.js&quot;&gt;&lt;/script&gt; &nbsp; &nbsp;&lt;/head&gt; &nbsp; &nbsp;&lt;body&gt; &nbsp; &nbsp; &nbsp; &lt;div class = &quot;btn-group&quot;&gt; &nbsp; &nbsp; &nbsp; &nbsp; &nbsp;&lt;button type = &quot;button&quot; class = &quot;btn btn-default dropdown-toggle btn-xs&quot; data-toggle = &quot;dropdown&quot;&gt; &nbsp; &nbsp; &nbsp; &nbsp; &nbsp; &nbsp; Subject &nbsp; &nbsp; &nbsp; &nbsp; &nbsp; &nbsp; &lt;span class = &quot;caret&quot;&gt;&lt;/span&gt; &nbsp; &nbsp; &nbsp; &nbsp; &nbsp;&lt;/button&gt; &nbsp; &nbsp; &nbsp; &nbsp; &nbsp;&lt;ul class = &quot;dropdown-menu&quot; role = &quot;menu&quot;&gt; &nbsp; &nbsp; &nbsp; &nbsp; &nbsp; &nbsp; &lt;li&gt;&lt;a href = &quot;#&quot;&gt;Programming&lt;/a&gt;&lt;/li&gt; &nbsp; &nbsp; &nbsp; &nbsp; &nbsp; &nbsp; &lt;li&gt;&lt;a href = &quot;#&quot;&gt;Web Dev&lt;/a&gt;&lt;/li&gt; &nbsp; &nbsp; &nbsp; &nbsp; &nbsp; &nbsp; &lt;li&gt;&lt;a href = &quot;#&quot;&gt;Database&lt;/a&gt;&lt;/li&gt; &nbsp; &nbsp; &nbsp; &nbsp; &nbsp; &nbsp; &lt;li&gt;&lt;a href = &quot;#&quot;&gt;Networking&lt;/a&gt;&lt;/li&gt; &nbsp; &nbsp; &nbsp; &nbsp; &nbsp;&lt;/ul&gt; &nbsp; &nbsp; &nbsp; &lt;/div&gt; &nbsp; &nbsp;&lt;/body&gt; &lt;/html&gt;</pre>
raja
Updated on 12-Jun-2020 16:13:38

Advertisements