<?xml version="1.0" encoding="UTF-8"?><rss version="2.0"
	xmlns:content="http://purl.org/rss/1.0/modules/content/"
	xmlns:wfw="http://wellformedweb.org/CommentAPI/"
	xmlns:dc="http://purl.org/dc/elements/1.1/"
	xmlns:atom="http://www.w3.org/2005/Atom"
	xmlns:sy="http://purl.org/rss/1.0/modules/syndication/"
	xmlns:slash="http://purl.org/rss/1.0/modules/slash/"
	>

<channel>
	<title>how to crate toast in bootstrap Archives - scmGalaxy</title>
	<atom:link href="https://www.scmgalaxy.com/tutorials/tag/how-to-crate-toast-in-bootstrap/feed/" rel="self" type="application/rss+xml" />
	<link>https://www.scmgalaxy.com/tutorials/tag/how-to-crate-toast-in-bootstrap/</link>
	<description>A Platform for Software Engineers</description>
	<lastBuildDate>Tue, 07 Sep 2021 12:19:39 +0000</lastBuildDate>
	<language>en-US</language>
	<sy:updatePeriod>
	hourly	</sy:updatePeriod>
	<sy:updateFrequency>
	1	</sy:updateFrequency>
	<generator>https://wordpress.org/?v=7.1</generator>
	<item>
		<title>Bootstrap:-Component &#8220;Toast&#8221;</title>
		<link>https://www.scmgalaxy.com/tutorials/bootstrap-component-toast/</link>
					<comments>https://www.scmgalaxy.com/tutorials/bootstrap-component-toast/#respond</comments>
		
		<dc:creator><![CDATA[vikashdev k]]></dc:creator>
		<pubDate>Mon, 06 Sep 2021 12:18:16 +0000</pubDate>
				<category><![CDATA[Bootstrap]]></category>
		<category><![CDATA[Guide]]></category>
		<category><![CDATA[how to crate toast in bootstrap]]></category>
		<category><![CDATA[Process]]></category>
		<category><![CDATA[scmgalaxy]]></category>
		<category><![CDATA[scmGalaxy Tutorials]]></category>
		<category><![CDATA[simple example of toast in bootstrap 4]]></category>
		<category><![CDATA[toast component in bootstrap 4]]></category>
		<category><![CDATA[Tutorial]]></category>
		<category><![CDATA[What]]></category>
		<guid isPermaLink="false">https://www.scmgalaxy.com/tutorials/?p=8804</guid>

					<description><![CDATA[<p>The toast component is used for showing a couple of seconds of a message when something happens. It works the [&#8230;]</p>
<p>The post <a href="https://www.scmgalaxy.com/tutorials/bootstrap-component-toast/">Bootstrap:-Component &#8220;Toast&#8221;</a> appeared first on <a href="https://www.scmgalaxy.com/tutorials">scmGalaxy</a>.</p>
]]></description>
										<content:encoded><![CDATA[
<p class="wp-block-paragraph">The toast component is used for showing a couple of seconds of a message when something happens. It works the same as an alert box.</p>



<h2 class="wp-block-heading">How To Create a Toast:-</h2>



<ul class="wp-block-list"><li>first use <strong>toast </strong>class </li><li>Then, add a <strong>toast-header</strong> class</li><li>And finally use<strong> toast-body</strong> class inside it type<strong> text declare</strong>.</li><li>Use the<strong> data-autohide=&#8221;false&#8221;</strong> attribute to show it by default toasts.</li></ul>



<script src="https://gist.github.com/vikash-cotocus/8a92eb1b4b201070e4ef6b1902c0db9b.js"></script>



<div class="wp-block-file"><a href="https://www.scmgalaxy.com/tutorials/wp-content/uploads/2021/09/index-5.html">Toast Simple and easy example</a><a href="https://www.scmgalaxy.com/tutorials/wp-content/uploads/2021/09/index-5.html" class="wp-block-file__button" download>Download</a></div>



<figure class="wp-block-image size-large is-resized"><img fetchpriority="high" decoding="async" src="https://www.scmgalaxy.com/tutorials/wp-content/uploads/2021/09/toast-1024x575.png" alt="" class="wp-image-8810" width="838" height="470" srcset="https://www.scmgalaxy.com/tutorials/wp-content/uploads/2021/09/toast-1024x575.png 1024w, https://www.scmgalaxy.com/tutorials/wp-content/uploads/2021/09/toast-300x169.png 300w, https://www.scmgalaxy.com/tutorials/wp-content/uploads/2021/09/toast-768x432.png 768w, https://www.scmgalaxy.com/tutorials/wp-content/uploads/2021/09/toast-1536x863.png 1536w, https://www.scmgalaxy.com/tutorials/wp-content/uploads/2021/09/toast.png 1922w" sizes="(max-width: 838px) 100vw, 838px" /></figure>
<p>The post <a href="https://www.scmgalaxy.com/tutorials/bootstrap-component-toast/">Bootstrap:-Component &#8220;Toast&#8221;</a> appeared first on <a href="https://www.scmgalaxy.com/tutorials">scmGalaxy</a>.</p>
]]></content:encoded>
					
					<wfw:commentRss>https://www.scmgalaxy.com/tutorials/bootstrap-component-toast/feed/</wfw:commentRss>
			<slash:comments>0</slash:comments>
		
		
			</item>
	</channel>
</rss>
