<?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>bootstrap utilities Archives - scmGalaxy</title>
	<atom:link href="https://www.scmgalaxy.com/tutorials/tag/bootstrap-utilities/feed/" rel="self" type="application/rss+xml" />
	<link>https://www.scmgalaxy.com/tutorials/tag/bootstrap-utilities/</link>
	<description>A Platform for Software Engineers</description>
	<lastBuildDate>Sat, 25 Sep 2021 12:41:37 +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 Utilities : &#8220;Visibility&#8221;</title>
		<link>https://www.scmgalaxy.com/tutorials/bootstrap-utilities-visibility/</link>
					<comments>https://www.scmgalaxy.com/tutorials/bootstrap-utilities-visibility/#respond</comments>
		
		<dc:creator><![CDATA[vikashdev k]]></dc:creator>
		<pubDate>Sat, 25 Sep 2021 12:41:35 +0000</pubDate>
				<category><![CDATA[Bootstrap]]></category>
		<category><![CDATA[bootstrap 4]]></category>
		<category><![CDATA[bootstrap components]]></category>
		<category><![CDATA[bootstrap utilities]]></category>
		<category><![CDATA[bootstrap utilities visibility]]></category>
		<category><![CDATA[Guide]]></category>
		<category><![CDATA[Perforce]]></category>
		<category><![CDATA[Process]]></category>
		<category><![CDATA[scmgalaxy]]></category>
		<category><![CDATA[scmgalaxy bootstrap]]></category>
		<category><![CDATA[scmgalaxy bootstrap utilities]]></category>
		<category><![CDATA[scmGalaxy DevOps Training Online]]></category>
		<category><![CDATA[scmgalaxy tutorials bootstrap 4 utilities]]></category>
		<category><![CDATA[Tutorial]]></category>
		<category><![CDATA[visibility in bootsttrap4]]></category>
		<category><![CDATA[visibility utilities in bootstrap]]></category>
		<category><![CDATA[What]]></category>
		<guid isPermaLink="false">https://www.scmgalaxy.com/tutorials/?p=9224</guid>

					<description><![CDATA[<p>With visibility utilities you have control the visibility, without modifying the display, of elements.</p>
<p>The post <a href="https://www.scmgalaxy.com/tutorials/bootstrap-utilities-visibility/">Bootstrap Utilities : &#8220;Visibility&#8221;</a> appeared first on <a href="https://www.scmgalaxy.com/tutorials">scmGalaxy</a>.</p>
]]></description>
										<content:encoded><![CDATA[
<p class="wp-block-paragraph">With <strong>visibility utilities </strong>you have control the visibility, without modifying the display, of elements.</p>



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



<div class="wp-block-file"><a href="https://www.scmgalaxy.com/tutorials/wp-content/uploads/2021/09/index-21.html">Visibility simple example</a><a href="https://www.scmgalaxy.com/tutorials/wp-content/uploads/2021/09/index-21.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="556" src="https://www.scmgalaxy.com/tutorials/wp-content/uploads/2021/09/visibility-1024x556.png" alt="" class="wp-image-9234" srcset="https://www.scmgalaxy.com/tutorials/wp-content/uploads/2021/09/visibility-1024x556.png 1024w, https://www.scmgalaxy.com/tutorials/wp-content/uploads/2021/09/visibility-300x163.png 300w, https://www.scmgalaxy.com/tutorials/wp-content/uploads/2021/09/visibility-768x417.png 768w, https://www.scmgalaxy.com/tutorials/wp-content/uploads/2021/09/visibility-1536x834.png 1536w, https://www.scmgalaxy.com/tutorials/wp-content/uploads/2021/09/visibility.png 1920w" sizes="(max-width: 1024px) 100vw, 1024px" /></figure>
<p>The post <a href="https://www.scmgalaxy.com/tutorials/bootstrap-utilities-visibility/">Bootstrap Utilities : &#8220;Visibility&#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-utilities-visibility/feed/</wfw:commentRss>
			<slash:comments>0</slash:comments>
		
		
			</item>
		<item>
		<title>Bootstrap utilities : &#8220;Vertical align&#8221;</title>
		<link>https://www.scmgalaxy.com/tutorials/bootstrap-utilities-vertical-align/</link>
					<comments>https://www.scmgalaxy.com/tutorials/bootstrap-utilities-vertical-align/#respond</comments>
		
		<dc:creator><![CDATA[vikashdev k]]></dc:creator>
		<pubDate>Sat, 25 Sep 2021 12:09:09 +0000</pubDate>
				<category><![CDATA[Bootstrap]]></category>
		<category><![CDATA[bootstrap components]]></category>
		<category><![CDATA[bootstrap utilities]]></category>
		<category><![CDATA[bootstrap utilities scmgalaxy]]></category>
		<category><![CDATA[bootstrap utilities vertical align]]></category>
		<category><![CDATA[bootstrap4]]></category>
		<category><![CDATA[Guide]]></category>
		<category><![CDATA[How]]></category>
		<category><![CDATA[Javascript]]></category>
		<category><![CDATA[Perforce]]></category>
		<category><![CDATA[Process]]></category>
		<category><![CDATA[scmgalaxy]]></category>
		<category><![CDATA[scmGalaxy DevOps Training Online]]></category>
		<category><![CDATA[scmGalaxy Tutorials]]></category>
		<category><![CDATA[scmgalaxy tutorials bootstrap 4 utilities]]></category>
		<category><![CDATA[Tutorial]]></category>
		<category><![CDATA[vertical align utilities in bootstrap]]></category>
		<category><![CDATA[vertical align utilities in bootstrap 4]]></category>
		<guid isPermaLink="false">https://www.scmgalaxy.com/tutorials/?p=9220</guid>

					<description><![CDATA[<p>Easily change the vertical alignment of inline, inline-block, inline-table, and table cell elements. Change the alignment of elements with the vertical-alignment utilities. [&#8230;]</p>
<p>The post <a href="https://www.scmgalaxy.com/tutorials/bootstrap-utilities-vertical-align/">Bootstrap utilities : &#8220;Vertical align&#8221;</a> appeared first on <a href="https://www.scmgalaxy.com/tutorials">scmGalaxy</a>.</p>
]]></description>
										<content:encoded><![CDATA[
<p class="wp-block-paragraph">Easily change the vertical alignment of <strong>inline</strong>, <strong>inline-block</strong>, <strong>inline-table,</strong> and<strong> table cell elements</strong>.</p>



<p class="wp-block-paragraph">Change the alignment of elements with the <strong>vertical-alignment utilities</strong>.</p>



<p class="wp-block-paragraph"><strong>These</strong> <strong>are</strong> <strong>the</strong> <strong>classes</strong>:- <strong>.align-baseline,</strong> <strong>.align-top</strong>, <strong>.align-middle</strong>, <strong>.align-bottom</strong>, <strong>.align-text-bottom</strong>, and <strong>.align-text-top </strong>as needed.</p>



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



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



<figure class="wp-block-image size-large"><img decoding="async" width="1024" height="556" src="https://www.scmgalaxy.com/tutorials/wp-content/uploads/2021/09/vertical-align-1024x556.png" alt="" class="wp-image-9222" srcset="https://www.scmgalaxy.com/tutorials/wp-content/uploads/2021/09/vertical-align-1024x556.png 1024w, https://www.scmgalaxy.com/tutorials/wp-content/uploads/2021/09/vertical-align-300x163.png 300w, https://www.scmgalaxy.com/tutorials/wp-content/uploads/2021/09/vertical-align-768x417.png 768w, https://www.scmgalaxy.com/tutorials/wp-content/uploads/2021/09/vertical-align-1536x834.png 1536w, https://www.scmgalaxy.com/tutorials/wp-content/uploads/2021/09/vertical-align.png 1920w" sizes="(max-width: 1024px) 100vw, 1024px" /></figure>
<p>The post <a href="https://www.scmgalaxy.com/tutorials/bootstrap-utilities-vertical-align/">Bootstrap utilities : &#8220;Vertical align&#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-utilities-vertical-align/feed/</wfw:commentRss>
			<slash:comments>0</slash:comments>
		
		
			</item>
		<item>
		<title>Bootstrap utilities : &#8220;Position&#8221;</title>
		<link>https://www.scmgalaxy.com/tutorials/bootstrap-utilities-position/</link>
					<comments>https://www.scmgalaxy.com/tutorials/bootstrap-utilities-position/#respond</comments>
		
		<dc:creator><![CDATA[vikashdev k]]></dc:creator>
		<pubDate>Wed, 22 Sep 2021 11:47:52 +0000</pubDate>
				<category><![CDATA[Bootstrap]]></category>
		<category><![CDATA[bootstrap utilities]]></category>
		<category><![CDATA[bootstrap utilities in position]]></category>
		<category><![CDATA[fixed navbar into the top of page]]></category>
		<category><![CDATA[Guide]]></category>
		<category><![CDATA[Perforce]]></category>
		<category><![CDATA[position utilities in bootstrap 4]]></category>
		<category><![CDATA[Process]]></category>
		<category><![CDATA[sticky top use to fix navbar in top]]></category>
		<category><![CDATA[Tutorial]]></category>
		<category><![CDATA[What]]></category>
		<guid isPermaLink="false">https://www.scmgalaxy.com/tutorials/?p=9126</guid>

					<description><![CDATA[<p>Arrange the elements easily with the positioning utilities. .fixed-top class is use to fix the element in the top position [&#8230;]</p>
<p>The post <a href="https://www.scmgalaxy.com/tutorials/bootstrap-utilities-position/">Bootstrap utilities : &#8220;Position&#8221;</a> appeared first on <a href="https://www.scmgalaxy.com/tutorials">scmGalaxy</a>.</p>
]]></description>
										<content:encoded><![CDATA[
<p class="wp-block-paragraph">Arrange the elements easily with the positioning utilities.</p>



<ul class="wp-block-list"><li><strong>.fixed-top class</strong> is use to fix the element in the<strong> top position</strong> of the page.</li><li><strong>.fixed-bottom</strong> class is use to fix the element in the <strong>bottom position</strong> of the page.</li><li><strong>.sticky-top</strong> class is use to stick the element at the <strong>top</strong> <strong>of the page when you scroll past it</strong>.</li></ul>



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



<div class="wp-block-file"><a href="https://www.scmgalaxy.com/tutorials/wp-content/uploads/2021/09/index-16.html">Position fix element in page simple example</a><a href="https://www.scmgalaxy.com/tutorials/wp-content/uploads/2021/09/index-16.html" class="wp-block-file__button" download>Download</a></div>



<figure class="wp-block-image size-large"><img decoding="async" width="1024" height="481" src="https://www.scmgalaxy.com/tutorials/wp-content/uploads/2021/09/scroll-1024x481.png" alt="" class="wp-image-9128" srcset="https://www.scmgalaxy.com/tutorials/wp-content/uploads/2021/09/scroll-1024x481.png 1024w, https://www.scmgalaxy.com/tutorials/wp-content/uploads/2021/09/scroll-300x141.png 300w, https://www.scmgalaxy.com/tutorials/wp-content/uploads/2021/09/scroll-768x361.png 768w, https://www.scmgalaxy.com/tutorials/wp-content/uploads/2021/09/scroll-1536x722.png 1536w, https://www.scmgalaxy.com/tutorials/wp-content/uploads/2021/09/scroll.png 1920w" sizes="(max-width: 1024px) 100vw, 1024px" /></figure>
<p>The post <a href="https://www.scmgalaxy.com/tutorials/bootstrap-utilities-position/">Bootstrap utilities : &#8220;Position&#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-utilities-position/feed/</wfw:commentRss>
			<slash:comments>0</slash:comments>
		
		
			</item>
		<item>
		<title>Bootstrap: Components &#038; Utilities</title>
		<link>https://www.scmgalaxy.com/tutorials/bootstrap-components-utilities/</link>
					<comments>https://www.scmgalaxy.com/tutorials/bootstrap-components-utilities/#respond</comments>
		
		<dc:creator><![CDATA[vikashdev k]]></dc:creator>
		<pubDate>Mon, 06 Sep 2021 13:02:13 +0000</pubDate>
				<category><![CDATA[Bootstrap]]></category>
		<category><![CDATA[bootstrap components]]></category>
		<category><![CDATA[bootstrap utilities]]></category>
		<category><![CDATA[components and utilities in bootstrap]]></category>
		<category><![CDATA[Guide]]></category>
		<category><![CDATA[Process]]></category>
		<category><![CDATA[scmgalaxy]]></category>
		<category><![CDATA[scmGalaxy Tutorials]]></category>
		<category><![CDATA[Tutorial]]></category>
		<category><![CDATA[What]]></category>
		<guid isPermaLink="false">https://www.scmgalaxy.com/tutorials/?p=8816</guid>

					<description><![CDATA[<p>The post <a href="https://www.scmgalaxy.com/tutorials/bootstrap-components-utilities/">Bootstrap: Components &#038; Utilities</a> appeared first on <a href="https://www.scmgalaxy.com/tutorials">scmGalaxy</a>.</p>
]]></description>
										<content:encoded><![CDATA[
<figure class="wp-block-image size-full"><img loading="lazy" decoding="async" width="964" height="423" src="https://www.scmgalaxy.com/tutorials/wp-content/uploads/2021/09/componentsutilities.png" alt="" class="wp-image-8818" srcset="https://www.scmgalaxy.com/tutorials/wp-content/uploads/2021/09/componentsutilities.png 964w, https://www.scmgalaxy.com/tutorials/wp-content/uploads/2021/09/componentsutilities-300x132.png 300w, https://www.scmgalaxy.com/tutorials/wp-content/uploads/2021/09/componentsutilities-768x337.png 768w" sizes="auto, (max-width: 964px) 100vw, 964px" /></figure>
<p>The post <a href="https://www.scmgalaxy.com/tutorials/bootstrap-components-utilities/">Bootstrap: Components &#038; Utilities</a> appeared first on <a href="https://www.scmgalaxy.com/tutorials">scmGalaxy</a>.</p>
]]></content:encoded>
					
					<wfw:commentRss>https://www.scmgalaxy.com/tutorials/bootstrap-components-utilities/feed/</wfw:commentRss>
			<slash:comments>0</slash:comments>
		
		
			</item>
	</channel>
</rss>
