Get links in alerts with Bootstrap

BootstrapWeb DevelopmentCSS Framework

<p style="">Use the <em>.alert-link utility</em> class to get matching colored links within any alert.</p><p>You can try to run the following code to get links in alerts with Bootstrap. Let us set it for success and info &minus;</p><h2>Example</h2><p><a class="demo" href="http://tpcg.io/lPhVkT" 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;alert alert-success&quot;&gt; &nbsp; &nbsp; &nbsp; &nbsp; &nbsp;&lt;a href = &quot;#&quot; class = &quot;alert-link&quot;&gt;Success! Well done its submitted.&lt;/a&gt; &nbsp; &nbsp; &nbsp; &lt;/div&gt; &nbsp; &nbsp; &nbsp; &lt;div class = &quot;alert alert-info&quot;&gt; &nbsp; &nbsp; &nbsp; &nbsp; &nbsp;&lt;a href = &quot;#&quot; class = &quot;alert-link&quot;&gt;Information!&lt;/a&gt; &nbsp; &nbsp; &nbsp; &lt;/div&gt; &nbsp; &nbsp;&lt;/body&gt; &lt;/html&gt;</pre>
raja
Updated on 12-Jun-2020 19:31:03

Advertisements