<?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>scrolling mode in bootstrap Archives - scmGalaxy</title>
	<atom:link href="https://www.scmgalaxy.com/tutorials/tag/scrolling-mode-in-bootstrap/feed/" rel="self" type="application/rss+xml" />
	<link>https://www.scmgalaxy.com/tutorials/tag/scrolling-mode-in-bootstrap/</link>
	<description>A Platform for Software Engineers</description>
	<lastBuildDate>Tue, 31 Aug 2021 12:03:58 +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;model&#8221;</title>
		<link>https://www.scmgalaxy.com/tutorials/bootstrap-component-model/</link>
					<comments>https://www.scmgalaxy.com/tutorials/bootstrap-component-model/#respond</comments>
		
		<dc:creator><![CDATA[vikashdev k]]></dc:creator>
		<pubDate>Tue, 31 Aug 2021 12:03:56 +0000</pubDate>
				<category><![CDATA[Bootstrap]]></category>
		<category><![CDATA[bootstrap all components]]></category>
		<category><![CDATA[centered model in bootstrap]]></category>
		<category><![CDATA[fade class used in bootstrap]]></category>
		<category><![CDATA[Guide]]></category>
		<category><![CDATA[How]]></category>
		<category><![CDATA[model in bootstrap]]></category>
		<category><![CDATA[model in bootstrap4]]></category>
		<category><![CDATA[model size in bootstrap]]></category>
		<category><![CDATA[Process]]></category>
		<category><![CDATA[scmgalaxy]]></category>
		<category><![CDATA[scmgalaxy bootstrap]]></category>
		<category><![CDATA[scrolling mode in bootstrap]]></category>
		<category><![CDATA[Tutorial]]></category>
		<guid isPermaLink="false">https://www.scmgalaxy.com/tutorials/?p=8543</guid>

					<description><![CDATA[<p>A modal window creates a mode that disables the main window but keeps it visible, with the modal window as a [&#8230;]</p>
<p>The post <a href="https://www.scmgalaxy.com/tutorials/bootstrap-component-model/">Bootstrap:-Component &#8220;model&#8221;</a> appeared first on <a href="https://www.scmgalaxy.com/tutorials">scmGalaxy</a>.</p>
]]></description>
										<content:encoded><![CDATA[
<p class="wp-block-paragraph"><br>A modal window creates <strong>a mode that disables the main window but keeps it visible</strong>, with the modal window as a child window in front of it. &#8230; Users must interact with the modal window before they can return to the parent application. This avoids interrupting the workflow on the main window.</p>



<p class="wp-block-paragraph"><strong>Simply define</strong> the Modal component as a dialog box/popup window that is displayed on top of the current page.</p>



<ul class="wp-block-list"><li><strong>.fade</strong> class for add animation.</li><li>Model Size like <strong>model-sm</strong>,<strong> model-lg</strong>, <strong>model-xl</strong>.</li><li>Centered Model<strong> .model-dialog-centered</strong> class.</li><li>Scrolling Model use by adding <strong>.model-dialog-scrollable</strong> to <strong>.model-dialog</strong> in class.</li></ul>



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



<div class="wp-block-file"><a href="https://www.scmgalaxy.com/tutorials/wp-content/uploads/2021/08/index-4.html">model in the center</a><a href="https://www.scmgalaxy.com/tutorials/wp-content/uploads/2021/08/index-4.html" class="wp-block-file__button" download>Download</a></div>



<figure class="wp-block-image size-large"><img fetchpriority="high" decoding="async" width="1024" height="558" src="https://www.scmgalaxy.com/tutorials/wp-content/uploads/2021/08/model-1-1024x558.png" alt="" class="wp-image-8547" srcset="https://www.scmgalaxy.com/tutorials/wp-content/uploads/2021/08/model-1-1024x558.png 1024w, https://www.scmgalaxy.com/tutorials/wp-content/uploads/2021/08/model-1-300x164.png 300w, https://www.scmgalaxy.com/tutorials/wp-content/uploads/2021/08/model-1-768x419.png 768w, https://www.scmgalaxy.com/tutorials/wp-content/uploads/2021/08/model-1-1536x838.png 1536w, https://www.scmgalaxy.com/tutorials/wp-content/uploads/2021/08/model-1.png 1922w" sizes="(max-width: 1024px) 100vw, 1024px" /></figure>
<p>The post <a href="https://www.scmgalaxy.com/tutorials/bootstrap-component-model/">Bootstrap:-Component &#8220;model&#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-model/feed/</wfw:commentRss>
			<slash:comments>0</slash:comments>
		
		
			</item>
	</channel>
</rss>
