<?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>scmGalaxy Tutorials Archives - scmGalaxy</title>
	<atom:link href="https://www.scmgalaxy.com/tutorials/tag/scmgalaxy-tutorials/feed/" rel="self" type="application/rss+xml" />
	<link>https://www.scmgalaxy.com/tutorials/tag/scmgalaxy-tutorials/</link>
	<description>A Platform for Software Engineers</description>
	<lastBuildDate>Mon, 25 Oct 2021 07:20:18 +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>PHP OOP: Traits</title>
		<link>https://www.scmgalaxy.com/tutorials/php-oop-traits/</link>
					<comments>https://www.scmgalaxy.com/tutorials/php-oop-traits/#respond</comments>
		
		<dc:creator><![CDATA[vikashdev k]]></dc:creator>
		<pubDate>Mon, 25 Oct 2021 07:20:16 +0000</pubDate>
				<category><![CDATA[php]]></category>
		<category><![CDATA[Guide]]></category>
		<category><![CDATA[How]]></category>
		<category><![CDATA[multi taits use in php oop]]></category>
		<category><![CDATA[Perforce]]></category>
		<category><![CDATA[Php]]></category>
		<category><![CDATA[php oop traits]]></category>
		<category><![CDATA[Process]]></category>
		<category><![CDATA[scmgalaxy]]></category>
		<category><![CDATA[scmGalaxy Blogs]]></category>
		<category><![CDATA[scmGalaxy DevOps Training Online]]></category>
		<category><![CDATA[scmgalaxy php oop]]></category>
		<category><![CDATA[scmGalaxy Tutorials]]></category>
		<category><![CDATA[single traits use in php oop]]></category>
		<category><![CDATA[Tutorial]]></category>
		<category><![CDATA[What]]></category>
		<guid isPermaLink="false">https://www.scmgalaxy.com/tutorials/?p=9509</guid>

					<description><![CDATA[<p>What is Traits? Code is shortened by using Traits. One code is used everywhere just by writing the trait function. [&#8230;]</p>
<p>The post <a href="https://www.scmgalaxy.com/tutorials/php-oop-traits/">PHP OOP: Traits</a> appeared first on <a href="https://www.scmgalaxy.com/tutorials">scmGalaxy</a>.</p>
]]></description>
										<content:encoded><![CDATA[
<h3 class="wp-block-heading">What is Traits?</h3>



<ul class="wp-block-list"><li>Code is shortened by using Traits.</li><li>One code is used everywhere just by writing the trait function.</li></ul>



<h3 class="wp-block-heading">Example :</h3>



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



<h3 class="wp-block-heading">Output:</h3>



<figure class="wp-block-image size-large"><img fetchpriority="high" decoding="async" width="1024" height="551" src="https://www.scmgalaxy.com/tutorials/wp-content/uploads/2021/10/traits-1024x551.png" alt="" class="wp-image-9510" srcset="https://www.scmgalaxy.com/tutorials/wp-content/uploads/2021/10/traits-1024x551.png 1024w, https://www.scmgalaxy.com/tutorials/wp-content/uploads/2021/10/traits-300x162.png 300w, https://www.scmgalaxy.com/tutorials/wp-content/uploads/2021/10/traits-768x414.png 768w, https://www.scmgalaxy.com/tutorials/wp-content/uploads/2021/10/traits-1536x827.png 1536w, https://www.scmgalaxy.com/tutorials/wp-content/uploads/2021/10/traits.png 1920w" sizes="(max-width: 1024px) 100vw, 1024px" /></figure>



<h3 class="wp-block-heading">Multi traits use example:</h3>



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



<h3 class="wp-block-heading">Output:</h3>



<figure class="wp-block-image size-large"><img decoding="async" width="1024" height="554" src="https://www.scmgalaxy.com/tutorials/wp-content/uploads/2021/10/multi-tratis-1024x554.png" alt="" class="wp-image-9511" srcset="https://www.scmgalaxy.com/tutorials/wp-content/uploads/2021/10/multi-tratis-1024x554.png 1024w, https://www.scmgalaxy.com/tutorials/wp-content/uploads/2021/10/multi-tratis-300x162.png 300w, https://www.scmgalaxy.com/tutorials/wp-content/uploads/2021/10/multi-tratis-768x416.png 768w, https://www.scmgalaxy.com/tutorials/wp-content/uploads/2021/10/multi-tratis-1536x831.png 1536w, https://www.scmgalaxy.com/tutorials/wp-content/uploads/2021/10/multi-tratis.png 1920w" sizes="(max-width: 1024px) 100vw, 1024px" /></figure>
<p>The post <a href="https://www.scmgalaxy.com/tutorials/php-oop-traits/">PHP OOP: Traits</a> appeared first on <a href="https://www.scmgalaxy.com/tutorials">scmGalaxy</a>.</p>
]]></content:encoded>
					
					<wfw:commentRss>https://www.scmgalaxy.com/tutorials/php-oop-traits/feed/</wfw:commentRss>
			<slash:comments>0</slash:comments>
		
		
			</item>
		<item>
		<title>PHP OOP: Late Static Binding</title>
		<link>https://www.scmgalaxy.com/tutorials/php-oop-late-static-binding/</link>
					<comments>https://www.scmgalaxy.com/tutorials/php-oop-late-static-binding/#respond</comments>
		
		<dc:creator><![CDATA[vikashdev k]]></dc:creator>
		<pubDate>Mon, 25 Oct 2021 06:09:44 +0000</pubDate>
				<category><![CDATA[php]]></category>
		<category><![CDATA[Example php oop late static binding]]></category>
		<category><![CDATA[Guide]]></category>
		<category><![CDATA[How]]></category>
		<category><![CDATA[late static binding in php oop]]></category>
		<category><![CDATA[Perforce]]></category>
		<category><![CDATA[Php]]></category>
		<category><![CDATA[Process]]></category>
		<category><![CDATA[scmgalaxy]]></category>
		<category><![CDATA[scmGalaxy DevOps Training Online]]></category>
		<category><![CDATA[scmgalaxy php oop]]></category>
		<category><![CDATA[scmGalaxy Tutorials]]></category>
		<category><![CDATA[Tutorial]]></category>
		<category><![CDATA[What]]></category>
		<guid isPermaLink="false">https://www.scmgalaxy.com/tutorials/?p=9505</guid>

					<description><![CDATA[<p>Late static Binding: Late static binding helps to override name by using static in echo keyword. It helps lot for [&#8230;]</p>
<p>The post <a href="https://www.scmgalaxy.com/tutorials/php-oop-late-static-binding/">PHP OOP: Late Static Binding</a> appeared first on <a href="https://www.scmgalaxy.com/tutorials">scmGalaxy</a>.</p>
]]></description>
										<content:encoded><![CDATA[
<h3 class="wp-block-heading">Late static Binding:</h3>



<ul class="wp-block-list"><li>Late static binding helps to override name by using static in echo keyword.</li><li>It helps lot for writing minimum coding. </li><li>The message of the base class is printed using the self keyword and the message of the derived class is printed using the static keyword.</li></ul>



<h3 class="wp-block-heading">Example to printing the message of base class:</h3>



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



<h3 class="wp-block-heading">Output:</h3>



<figure class="wp-block-image size-large"><img decoding="async" width="1024" height="550" src="https://www.scmgalaxy.com/tutorials/wp-content/uploads/2021/10/base-class-print-messages-1024x550.png" alt="" class="wp-image-9506" srcset="https://www.scmgalaxy.com/tutorials/wp-content/uploads/2021/10/base-class-print-messages-1024x550.png 1024w, https://www.scmgalaxy.com/tutorials/wp-content/uploads/2021/10/base-class-print-messages-300x161.png 300w, https://www.scmgalaxy.com/tutorials/wp-content/uploads/2021/10/base-class-print-messages-768x412.png 768w, https://www.scmgalaxy.com/tutorials/wp-content/uploads/2021/10/base-class-print-messages-1536x825.png 1536w, https://www.scmgalaxy.com/tutorials/wp-content/uploads/2021/10/base-class-print-messages.png 1920w" sizes="(max-width: 1024px) 100vw, 1024px" /></figure>



<h3 class="wp-block-heading">Example of printing the message of derived class:</h3>



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



<h3 class="wp-block-heading">Output:</h3>



<figure class="wp-block-image size-large"><img loading="lazy" decoding="async" width="1024" height="551" src="https://www.scmgalaxy.com/tutorials/wp-content/uploads/2021/10/static-message-print-1024x551.png" alt="" class="wp-image-9507" srcset="https://www.scmgalaxy.com/tutorials/wp-content/uploads/2021/10/static-message-print-1024x551.png 1024w, https://www.scmgalaxy.com/tutorials/wp-content/uploads/2021/10/static-message-print-300x162.png 300w, https://www.scmgalaxy.com/tutorials/wp-content/uploads/2021/10/static-message-print-768x414.png 768w, https://www.scmgalaxy.com/tutorials/wp-content/uploads/2021/10/static-message-print-1536x827.png 1536w, https://www.scmgalaxy.com/tutorials/wp-content/uploads/2021/10/static-message-print.png 1920w" sizes="auto, (max-width: 1024px) 100vw, 1024px" /></figure>
<p>The post <a href="https://www.scmgalaxy.com/tutorials/php-oop-late-static-binding/">PHP OOP: Late Static Binding</a> appeared first on <a href="https://www.scmgalaxy.com/tutorials">scmGalaxy</a>.</p>
]]></content:encoded>
					
					<wfw:commentRss>https://www.scmgalaxy.com/tutorials/php-oop-late-static-binding/feed/</wfw:commentRss>
			<slash:comments>0</slash:comments>
		
		
			</item>
		<item>
		<title>PHP OOP : Static Members</title>
		<link>https://www.scmgalaxy.com/tutorials/php-oop-static-members/</link>
					<comments>https://www.scmgalaxy.com/tutorials/php-oop-static-members/#respond</comments>
		
		<dc:creator><![CDATA[vikashdev k]]></dc:creator>
		<pubDate>Sat, 23 Oct 2021 12:59:17 +0000</pubDate>
				<category><![CDATA[php]]></category>
		<category><![CDATA[Example of php oop static members]]></category>
		<category><![CDATA[Guide]]></category>
		<category><![CDATA[How]]></category>
		<category><![CDATA[Php]]></category>
		<category><![CDATA[Process]]></category>
		<category><![CDATA[scmgalaxy]]></category>
		<category><![CDATA[scmGalaxy DevOps Training Online]]></category>
		<category><![CDATA[scmgalaxy php oop]]></category>
		<category><![CDATA[scmGalaxy Tutorials]]></category>
		<category><![CDATA[static members in php oop]]></category>
		<category><![CDATA[Tutorial]]></category>
		<category><![CDATA[using constructor in static members in php oop]]></category>
		<category><![CDATA[What]]></category>
		<category><![CDATA[what is static members]]></category>
		<guid isPermaLink="false">https://www.scmgalaxy.com/tutorials/?p=9501</guid>

					<description><![CDATA[<p>What is Static Members ? Static properties and methods can be used without creating an instance of the class. The [&#8230;]</p>
<p>The post <a href="https://www.scmgalaxy.com/tutorials/php-oop-static-members/">PHP OOP : Static Members</a> appeared first on <a href="https://www.scmgalaxy.com/tutorials">scmGalaxy</a>.</p>
]]></description>
										<content:encoded><![CDATA[
<h3 class="wp-block-heading">What is Static Members ?</h3>



<ul class="wp-block-list"><li>Static properties and methods can be used without creating an instance of the class.</li><li>The static keyword is used to declare properties and methods of a class as static.</li><li>Object not create.</li><li>Stack keyword use before access modifier.</li><li>Inside class use self::(use static method).</li><li>inherit use parent class name ::(properties).</li></ul>



<h3 class="wp-block-heading">Example :</h3>



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



<figure class="wp-block-image size-large"><img loading="lazy" decoding="async" width="1024" height="555" src="https://www.scmgalaxy.com/tutorials/wp-content/uploads/2021/10/static-1024x555.png" alt="" class="wp-image-9502" srcset="https://www.scmgalaxy.com/tutorials/wp-content/uploads/2021/10/static-1024x555.png 1024w, https://www.scmgalaxy.com/tutorials/wp-content/uploads/2021/10/static-300x163.png 300w, https://www.scmgalaxy.com/tutorials/wp-content/uploads/2021/10/static-768x416.png 768w, https://www.scmgalaxy.com/tutorials/wp-content/uploads/2021/10/static-1536x832.png 1536w, https://www.scmgalaxy.com/tutorials/wp-content/uploads/2021/10/static.png 1920w" sizes="auto, (max-width: 1024px) 100vw, 1024px" /></figure>



<h3 class="wp-block-heading">Example Constructor :-</h3>



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



<figure class="wp-block-image size-large"><img loading="lazy" decoding="async" width="1024" height="555" src="https://www.scmgalaxy.com/tutorials/wp-content/uploads/2021/10/sconstructor-1024x555.png" alt="" class="wp-image-9503" srcset="https://www.scmgalaxy.com/tutorials/wp-content/uploads/2021/10/sconstructor-1024x555.png 1024w, https://www.scmgalaxy.com/tutorials/wp-content/uploads/2021/10/sconstructor-300x163.png 300w, https://www.scmgalaxy.com/tutorials/wp-content/uploads/2021/10/sconstructor-768x416.png 768w, https://www.scmgalaxy.com/tutorials/wp-content/uploads/2021/10/sconstructor-1536x832.png 1536w, https://www.scmgalaxy.com/tutorials/wp-content/uploads/2021/10/sconstructor.png 1920w" sizes="auto, (max-width: 1024px) 100vw, 1024px" /></figure>
<p>The post <a href="https://www.scmgalaxy.com/tutorials/php-oop-static-members/">PHP OOP : Static Members</a> appeared first on <a href="https://www.scmgalaxy.com/tutorials">scmGalaxy</a>.</p>
]]></content:encoded>
					
					<wfw:commentRss>https://www.scmgalaxy.com/tutorials/php-oop-static-members/feed/</wfw:commentRss>
			<slash:comments>0</slash:comments>
		
		
			</item>
		<item>
		<title>PHP OOP : Interfaces</title>
		<link>https://www.scmgalaxy.com/tutorials/php-oop-interfaces/</link>
					<comments>https://www.scmgalaxy.com/tutorials/php-oop-interfaces/#respond</comments>
		
		<dc:creator><![CDATA[vikashdev k]]></dc:creator>
		<pubDate>Sat, 23 Oct 2021 11:33:07 +0000</pubDate>
				<category><![CDATA[php]]></category>
		<category><![CDATA[Example of interface]]></category>
		<category><![CDATA[Guide]]></category>
		<category><![CDATA[How]]></category>
		<category><![CDATA[Perforce]]></category>
		<category><![CDATA[Php]]></category>
		<category><![CDATA[php oop]]></category>
		<category><![CDATA[php oop interfaces]]></category>
		<category><![CDATA[php oops]]></category>
		<category><![CDATA[Process]]></category>
		<category><![CDATA[scmGalaxy DevOps Training Online]]></category>
		<category><![CDATA[scmgalaxy php oop]]></category>
		<category><![CDATA[scmGalaxy Tutorials]]></category>
		<category><![CDATA[Tutorial]]></category>
		<category><![CDATA[What]]></category>
		<category><![CDATA[what is interfaces in php oop]]></category>
		<guid isPermaLink="false">https://www.scmgalaxy.com/tutorials/?p=9497</guid>

					<description><![CDATA[<p>What is Interfaces? Interfaces help us to use multiple classes in a single class inherit. Interfaces are declared with the interface keyword. [&#8230;]</p>
<p>The post <a href="https://www.scmgalaxy.com/tutorials/php-oop-interfaces/">PHP OOP : Interfaces</a> appeared first on <a href="https://www.scmgalaxy.com/tutorials">scmGalaxy</a>.</p>
]]></description>
										<content:encoded><![CDATA[
<h3 class="wp-block-heading">What is Interfaces?</h3>



<ul class="wp-block-list"><li>Interfaces help us to use multiple classes in a single class inherit.</li><li>Interfaces are declared with the <strong>interface </strong>keyword.</li><li>Derived class is called derived class.</li><li>object not be created in interface.</li><li>Property should not be defined in interface(class).</li><li>All interface methods must be public.</li><li>All methods in an interface are abstract.</li><li>To implement an interface, a class must use the implements keyword.</li></ul>



<h3 class="wp-block-heading">Example :-</h3>



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



<figure class="wp-block-image size-large"><img loading="lazy" decoding="async" width="1024" height="554" src="https://www.scmgalaxy.com/tutorials/wp-content/uploads/2021/10/interface-1024x554.png" alt="" class="wp-image-9498" srcset="https://www.scmgalaxy.com/tutorials/wp-content/uploads/2021/10/interface-1024x554.png 1024w, https://www.scmgalaxy.com/tutorials/wp-content/uploads/2021/10/interface-300x162.png 300w, https://www.scmgalaxy.com/tutorials/wp-content/uploads/2021/10/interface-768x415.png 768w, https://www.scmgalaxy.com/tutorials/wp-content/uploads/2021/10/interface-1536x830.png 1536w, https://www.scmgalaxy.com/tutorials/wp-content/uploads/2021/10/interface.png 1920w" sizes="auto, (max-width: 1024px) 100vw, 1024px" /></figure>
<p>The post <a href="https://www.scmgalaxy.com/tutorials/php-oop-interfaces/">PHP OOP : Interfaces</a> appeared first on <a href="https://www.scmgalaxy.com/tutorials">scmGalaxy</a>.</p>
]]></content:encoded>
					
					<wfw:commentRss>https://www.scmgalaxy.com/tutorials/php-oop-interfaces/feed/</wfw:commentRss>
			<slash:comments>0</slash:comments>
		
		
			</item>
		<item>
		<title>PHP OOP : Overriding properties and Methods</title>
		<link>https://www.scmgalaxy.com/tutorials/php-oop-overriding-properties-and-methods/</link>
					<comments>https://www.scmgalaxy.com/tutorials/php-oop-overriding-properties-and-methods/#respond</comments>
		
		<dc:creator><![CDATA[vikashdev k]]></dc:creator>
		<pubDate>Thu, 07 Oct 2021 12:09:17 +0000</pubDate>
				<category><![CDATA[php]]></category>
		<category><![CDATA[Guide]]></category>
		<category><![CDATA[method overriding in php oop]]></category>
		<category><![CDATA[overriding properties and overriding methods]]></category>
		<category><![CDATA[Perforce]]></category>
		<category><![CDATA[Php]]></category>
		<category><![CDATA[php oop]]></category>
		<category><![CDATA[php oop overriding properties]]></category>
		<category><![CDATA[Process]]></category>
		<category><![CDATA[properties overriding in php oop]]></category>
		<category><![CDATA[scmGalaxy Blogs]]></category>
		<category><![CDATA[scmGalaxy DevOps Training Online]]></category>
		<category><![CDATA[scmGalaxy Tutorials]]></category>
		<category><![CDATA[Tutorial]]></category>
		<category><![CDATA[What]]></category>
		<guid isPermaLink="false">https://www.scmgalaxy.com/tutorials/?p=9457</guid>

					<description><![CDATA[<p>Overriding Properties : Same properties on both classes (base and derived class). Overriding Methods : Same name of method on [&#8230;]</p>
<p>The post <a href="https://www.scmgalaxy.com/tutorials/php-oop-overriding-properties-and-methods/">PHP OOP : Overriding properties and Methods</a> appeared first on <a href="https://www.scmgalaxy.com/tutorials">scmGalaxy</a>.</p>
]]></description>
										<content:encoded><![CDATA[
<h3 class="wp-block-heading">Overriding Properties :</h3>



<ul class="wp-block-list"><li>Same properties on both classes (base and derived class).</li></ul>



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



<figure class="wp-block-image size-large"><img loading="lazy" decoding="async" width="1024" height="551" src="https://www.scmgalaxy.com/tutorials/wp-content/uploads/2021/10/php6-1-1024x551.png" alt="" class="wp-image-9458" srcset="https://www.scmgalaxy.com/tutorials/wp-content/uploads/2021/10/php6-1-1024x551.png 1024w, https://www.scmgalaxy.com/tutorials/wp-content/uploads/2021/10/php6-1-300x161.png 300w, https://www.scmgalaxy.com/tutorials/wp-content/uploads/2021/10/php6-1-768x413.png 768w, https://www.scmgalaxy.com/tutorials/wp-content/uploads/2021/10/php6-1-1536x827.png 1536w, https://www.scmgalaxy.com/tutorials/wp-content/uploads/2021/10/php6-1.png 1908w" sizes="auto, (max-width: 1024px) 100vw, 1024px" /></figure>



<h3 class="wp-block-heading">Overriding Methods :</h3>



<ul class="wp-block-list"><li>Same name of method on both classes base or derived class.</li></ul>



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



<figure class="wp-block-image size-large"><img loading="lazy" decoding="async" width="1024" height="553" src="https://www.scmgalaxy.com/tutorials/wp-content/uploads/2021/10/php7-1-1024x553.png" alt="" class="wp-image-9459" srcset="https://www.scmgalaxy.com/tutorials/wp-content/uploads/2021/10/php7-1-1024x553.png 1024w, https://www.scmgalaxy.com/tutorials/wp-content/uploads/2021/10/php7-1-300x162.png 300w, https://www.scmgalaxy.com/tutorials/wp-content/uploads/2021/10/php7-1-768x415.png 768w, https://www.scmgalaxy.com/tutorials/wp-content/uploads/2021/10/php7-1-1536x830.png 1536w, https://www.scmgalaxy.com/tutorials/wp-content/uploads/2021/10/php7-1.png 1920w" sizes="auto, (max-width: 1024px) 100vw, 1024px" /></figure>
<p>The post <a href="https://www.scmgalaxy.com/tutorials/php-oop-overriding-properties-and-methods/">PHP OOP : Overriding properties and Methods</a> appeared first on <a href="https://www.scmgalaxy.com/tutorials">scmGalaxy</a>.</p>
]]></content:encoded>
					
					<wfw:commentRss>https://www.scmgalaxy.com/tutorials/php-oop-overriding-properties-and-methods/feed/</wfw:commentRss>
			<slash:comments>0</slash:comments>
		
		
			</item>
		<item>
		<title>PHP OOP : Access Modifier (public, protected,  private)</title>
		<link>https://www.scmgalaxy.com/tutorials/php-access-modifier-public-protected-private/</link>
					<comments>https://www.scmgalaxy.com/tutorials/php-access-modifier-public-protected-private/#respond</comments>
		
		<dc:creator><![CDATA[vikashdev k]]></dc:creator>
		<pubDate>Wed, 06 Oct 2021 10:17:30 +0000</pubDate>
				<category><![CDATA[php]]></category>
		<category><![CDATA[access modifier in php]]></category>
		<category><![CDATA[DevOps Online Training Advantage at scmGalaxy]]></category>
		<category><![CDATA[Guide]]></category>
		<category><![CDATA[How]]></category>
		<category><![CDATA[HTML]]></category>
		<category><![CDATA[Perforce]]></category>
		<category><![CDATA[Php]]></category>
		<category><![CDATA[Process]]></category>
		<category><![CDATA[public private protected]]></category>
		<category><![CDATA[public private protected in php]]></category>
		<category><![CDATA[public protected privated in php]]></category>
		<category><![CDATA[scmgalaxy]]></category>
		<category><![CDATA[scmGalaxy DevOps Training Online]]></category>
		<category><![CDATA[scmGalaxy Tutorials]]></category>
		<category><![CDATA[Tutorial]]></category>
		<category><![CDATA[What]]></category>
		<guid isPermaLink="false">https://www.scmgalaxy.com/tutorials/?p=9431</guid>

					<description><![CDATA[<p>What is the access modifier? Restrictions on properties and methods. Types of access modifier public protected private Public : Access [&#8230;]</p>
<p>The post <a href="https://www.scmgalaxy.com/tutorials/php-access-modifier-public-protected-private/">PHP OOP : Access Modifier (public, protected,  private)</a> appeared first on <a href="https://www.scmgalaxy.com/tutorials">scmGalaxy</a>.</p>
]]></description>
										<content:encoded><![CDATA[
<h3 class="wp-block-heading">What is the access modifier?</h3>



<p class="wp-block-paragraph">Restrictions on properties and methods.</p>



<h3 class="wp-block-heading">Types of access modifier</h3>



<ol class="wp-block-list"><li>public </li><li>protected</li><li>private</li></ol>



<figure class="wp-block-image size-full"><img loading="lazy" decoding="async" width="869" height="261" src="https://www.scmgalaxy.com/tutorials/wp-content/uploads/2021/10/php5-1.png" alt="" class="wp-image-9434" srcset="https://www.scmgalaxy.com/tutorials/wp-content/uploads/2021/10/php5-1.png 869w, https://www.scmgalaxy.com/tutorials/wp-content/uploads/2021/10/php5-1-300x90.png 300w, https://www.scmgalaxy.com/tutorials/wp-content/uploads/2021/10/php5-1-768x231.png 768w" sizes="auto, (max-width: 869px) 100vw, 869px" /></figure>



<h3 class="wp-block-heading">Public :</h3>



<ul class="wp-block-list"><li>Access on base as well as derived class and outside of the class.</li><li>Everyone can see and access the data.</li><li>Not secure.</li><li>Override use.</li></ul>



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



<figure class="wp-block-image size-large"><img loading="lazy" decoding="async" width="1024" height="556" src="https://www.scmgalaxy.com/tutorials/wp-content/uploads/2021/10/php6-1024x556.png" alt="" class="wp-image-9433" srcset="https://www.scmgalaxy.com/tutorials/wp-content/uploads/2021/10/php6-1024x556.png 1024w, https://www.scmgalaxy.com/tutorials/wp-content/uploads/2021/10/php6-300x163.png 300w, https://www.scmgalaxy.com/tutorials/wp-content/uploads/2021/10/php6-768x417.png 768w, https://www.scmgalaxy.com/tutorials/wp-content/uploads/2021/10/php6-1536x834.png 1536w, https://www.scmgalaxy.com/tutorials/wp-content/uploads/2021/10/php6.png 1920w" sizes="auto, (max-width: 1024px) 100vw, 1024px" /></figure>



<h3 class="wp-block-heading">Protected :</h3>



<ul class="wp-block-list"><li>Base and Derived class.</li><li>No one gets access throughout the class.</li><li>Declare like protected property and method.</li><li>Not use override function.</li><li>Without permission no one can access any of these (properties &amp; method).</li></ul>



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



<figure class="wp-block-image size-large"><img loading="lazy" decoding="async" width="1024" height="550" src="https://www.scmgalaxy.com/tutorials/wp-content/uploads/2021/10/php7-1024x550.png" alt="" class="wp-image-9435" srcset="https://www.scmgalaxy.com/tutorials/wp-content/uploads/2021/10/php7-1024x550.png 1024w, https://www.scmgalaxy.com/tutorials/wp-content/uploads/2021/10/php7-300x161.png 300w, https://www.scmgalaxy.com/tutorials/wp-content/uploads/2021/10/php7-768x413.png 768w, https://www.scmgalaxy.com/tutorials/wp-content/uploads/2021/10/php7-1536x826.png 1536w, https://www.scmgalaxy.com/tutorials/wp-content/uploads/2021/10/php7.png 1920w" sizes="auto, (max-width: 1024px) 100vw, 1024px" /></figure>



<h3 class="wp-block-heading">Private :</h3>



<ul class="wp-block-list"><li>Access itself.</li><li>Highly secured.</li><li>No one can access without permission.</li><li>Highly costly.</li></ul>



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



<figure class="wp-block-image size-large"><img loading="lazy" decoding="async" width="1024" height="549" src="https://www.scmgalaxy.com/tutorials/wp-content/uploads/2021/10/php8-1024x549.png" alt="" class="wp-image-9436" srcset="https://www.scmgalaxy.com/tutorials/wp-content/uploads/2021/10/php8-1024x549.png 1024w, https://www.scmgalaxy.com/tutorials/wp-content/uploads/2021/10/php8-300x161.png 300w, https://www.scmgalaxy.com/tutorials/wp-content/uploads/2021/10/php8-768x412.png 768w, https://www.scmgalaxy.com/tutorials/wp-content/uploads/2021/10/php8-1536x824.png 1536w, https://www.scmgalaxy.com/tutorials/wp-content/uploads/2021/10/php8.png 1920w" sizes="auto, (max-width: 1024px) 100vw, 1024px" /></figure>
<p>The post <a href="https://www.scmgalaxy.com/tutorials/php-access-modifier-public-protected-private/">PHP OOP : Access Modifier (public, protected,  private)</a> appeared first on <a href="https://www.scmgalaxy.com/tutorials">scmGalaxy</a>.</p>
]]></content:encoded>
					
					<wfw:commentRss>https://www.scmgalaxy.com/tutorials/php-access-modifier-public-protected-private/feed/</wfw:commentRss>
			<slash:comments>0</slash:comments>
		
		
			</item>
		<item>
		<title>PHP OOP : Inheritance</title>
		<link>https://www.scmgalaxy.com/tutorials/php-inheritance/</link>
					<comments>https://www.scmgalaxy.com/tutorials/php-inheritance/#respond</comments>
		
		<dc:creator><![CDATA[vikashdev k]]></dc:creator>
		<pubDate>Wed, 06 Oct 2021 06:20:14 +0000</pubDate>
				<category><![CDATA[php]]></category>
		<category><![CDATA[example of inheritance in php]]></category>
		<category><![CDATA[explain main and derived class]]></category>
		<category><![CDATA[Guide]]></category>
		<category><![CDATA[How]]></category>
		<category><![CDATA[how to use inheritance in php]]></category>
		<category><![CDATA[Perforce]]></category>
		<category><![CDATA[Php]]></category>
		<category><![CDATA[php inheritance]]></category>
		<category><![CDATA[Process]]></category>
		<category><![CDATA[scmGalaxy DevOps Training Online]]></category>
		<category><![CDATA[scmgalaxy php]]></category>
		<category><![CDATA[scmGalaxy Tutorials]]></category>
		<category><![CDATA[Tutorial]]></category>
		<category><![CDATA[What]]></category>
		<category><![CDATA[what is inheritance in php]]></category>
		<guid isPermaLink="false">https://www.scmgalaxy.com/tutorials/?p=9422</guid>

					<description><![CDATA[<p>What is inheritance in php? Inheritance is properties of PHP. Accessing the feature of one class of another class. Three [&#8230;]</p>
<p>The post <a href="https://www.scmgalaxy.com/tutorials/php-inheritance/">PHP OOP : Inheritance</a> appeared first on <a href="https://www.scmgalaxy.com/tutorials">scmGalaxy</a>.</p>
]]></description>
										<content:encoded><![CDATA[
<h3 class="wp-block-heading">What is inheritance in php?</h3>



<ul class="wp-block-list"><li>Inheritance is properties of PHP.</li><li>Accessing the feature of one class of another class.</li><li>Three types that is single, multiple and multilevel inheritance.</li><li>It is the four pillars of oops.</li><li>It allows a class to reuse the code from another class without duplicating it.</li><li>Two classes one is base/main another one is derived class.</li><li>Base class only use its own function but in Derived class it use both function base or derived class.</li></ul>



<h3 class="wp-block-heading">How to use inheritance in php?</h3>


<div class="wp-block-syntaxhighlighter-code "><pre class="brush: plain; title: ; notranslate">
class school {
}
class students extends school {
}
$sch =new school (); // only use class school 
$stu = new students (); // use both class school students (properties and methods)
</pre></div>


<h3 class="wp-block-heading">Example of main/base class use :-</h3>



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



<figure class="wp-block-image size-large"><img loading="lazy" decoding="async" width="1024" height="523" src="https://www.scmgalaxy.com/tutorials/wp-content/uploads/2021/10/php3-1024x523.png" alt="" class="wp-image-9424" srcset="https://www.scmgalaxy.com/tutorials/wp-content/uploads/2021/10/php3-1024x523.png 1024w, https://www.scmgalaxy.com/tutorials/wp-content/uploads/2021/10/php3-300x153.png 300w, https://www.scmgalaxy.com/tutorials/wp-content/uploads/2021/10/php3-768x392.png 768w, https://www.scmgalaxy.com/tutorials/wp-content/uploads/2021/10/php3-1536x784.png 1536w, https://www.scmgalaxy.com/tutorials/wp-content/uploads/2021/10/php3.png 1638w" sizes="auto, (max-width: 1024px) 100vw, 1024px" /></figure>



<h3 class="wp-block-heading">Example of inheritance:</h3>



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



<figure class="wp-block-image size-large"><img loading="lazy" decoding="async" width="1024" height="607" src="https://www.scmgalaxy.com/tutorials/wp-content/uploads/2021/10/php4-1024x607.png" alt="" class="wp-image-9428" srcset="https://www.scmgalaxy.com/tutorials/wp-content/uploads/2021/10/php4-1024x607.png 1024w, https://www.scmgalaxy.com/tutorials/wp-content/uploads/2021/10/php4-300x178.png 300w, https://www.scmgalaxy.com/tutorials/wp-content/uploads/2021/10/php4-768x455.png 768w, https://www.scmgalaxy.com/tutorials/wp-content/uploads/2021/10/php4.png 1520w" sizes="auto, (max-width: 1024px) 100vw, 1024px" /></figure>
<p>The post <a href="https://www.scmgalaxy.com/tutorials/php-inheritance/">PHP OOP : Inheritance</a> appeared first on <a href="https://www.scmgalaxy.com/tutorials">scmGalaxy</a>.</p>
]]></content:encoded>
					
					<wfw:commentRss>https://www.scmgalaxy.com/tutorials/php-inheritance/feed/</wfw:commentRss>
			<slash:comments>0</slash:comments>
		
		
			</item>
		<item>
		<title>JavaScript : Introduction</title>
		<link>https://www.scmgalaxy.com/tutorials/javascript-introduction/</link>
					<comments>https://www.scmgalaxy.com/tutorials/javascript-introduction/#respond</comments>
		
		<dc:creator><![CDATA[vikashdev k]]></dc:creator>
		<pubDate>Tue, 28 Sep 2021 13:04:39 +0000</pubDate>
				<category><![CDATA[JavaScript]]></category>
		<category><![CDATA[application of javascript]]></category>
		<category><![CDATA[example of javascript]]></category>
		<category><![CDATA[features of javascript]]></category>
		<category><![CDATA[How]]></category>
		<category><![CDATA[Javascript]]></category>
		<category><![CDATA[javascript introduction]]></category>
		<category><![CDATA[Perforce]]></category>
		<category><![CDATA[Process]]></category>
		<category><![CDATA[scmga]]></category>
		<category><![CDATA[scmGalaxy DevOps Training Online]]></category>
		<category><![CDATA[scmgalaxy javascript]]></category>
		<category><![CDATA[scmGalaxy Tutorials]]></category>
		<category><![CDATA[Tutorial]]></category>
		<category><![CDATA[What]]></category>
		<category><![CDATA[what is javascript]]></category>
		<guid isPermaLink="false">https://www.scmgalaxy.com/tutorials/?p=9281</guid>

					<description><![CDATA[<p>JavaScript : JavaScript is used to create client-side dynamic pages. JavaScript (js) is a light-weight object-oriented programming language. JavaScript is [&#8230;]</p>
<p>The post <a href="https://www.scmgalaxy.com/tutorials/javascript-introduction/">JavaScript : Introduction</a> appeared first on <a href="https://www.scmgalaxy.com/tutorials">scmGalaxy</a>.</p>
]]></description>
										<content:encoded><![CDATA[
<h2 class="wp-block-heading"><strong>JavaScript :</strong></h2>



<ul class="wp-block-list"><li>JavaScript is used to create <strong>client-side dynamic pages</strong>.</li><li>JavaScript (<strong>js</strong>) is a<strong> light-weight object-oriented programming language</strong>.</li><li>JavaScript is <strong>not a compiled language</strong>, but it is a translated language.</li><li>The JavaScript Translator (embedded in the browser) is responsible for <strong>translating </strong>the <strong>JavaScript code for the web browser</strong>.</li><li> JavaScript, users can build modern web applications to interact directly without <strong>reloading the page every time</strong>.</li><li>databases such as <strong>CouchDB </strong>and <strong>MongoDB </strong>uses JavaScript as their <strong>scripting and query language</strong>.</li></ul>



<h2 class="wp-block-heading"><strong>Features of JavaScript</strong> :</h2>



<p class="wp-block-paragraph">There are following features of js :-</p>



<ul class="wp-block-list"><li>Object-Centered Script Language</li><li>Light Weight and delicate</li><li>Interpreted language</li><li>Case Sensitive format/language</li><li>Ability to perform In Built Function</li><li>Statements Looping</li><li>Client edge Technology</li><li>Validation of User’s Input</li><li>Else and If Statement</li><li>It uses prototypes rather than using classes for inheritance.</li><li>It is supportable in several operating systems including, Windows, macOS, etc.</li><li>It provides good control to the users over the web browsers.</li></ul>



<h2 class="wp-block-heading">Application of JavaScript</h2>



<p class="wp-block-paragraph">JavaScript is used to create interactive websites. It is mainly used for:</p>



<ul class="wp-block-list"><li><strong>Client-side validation</strong></li><li><strong>Manipulating HTML Pages</strong></li><li><strong>User Notifications</strong></li><li><strong>Dynamic drop-down menus</strong></li><li><strong>Displaying date and time</strong></li><li><strong>Displaying pop-up windows</strong> </li><li><strong>Alert dialog box</strong></li><li><strong>Confirm dialog box</strong></li><li><strong>Prompt dialog box</strong></li><li><strong>Back-end Data Loading</strong></li><li><strong>Presentations</strong></li><li><strong>Server Applications</strong></li><li><strong>Displaying clocks etc.</strong></li></ul>



<h2 class="wp-block-heading">JavaScript Example :</h2>



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



<h2 class="wp-block-heading">Output :-</h2>



<h2 class="wp-block-heading">Welcome to JavaScript</h2>



<p class="wp-block-paragraph">Hello JavaScript by JavaScript </p>
<p>The post <a href="https://www.scmgalaxy.com/tutorials/javascript-introduction/">JavaScript : Introduction</a> appeared first on <a href="https://www.scmgalaxy.com/tutorials">scmGalaxy</a>.</p>
]]></content:encoded>
					
					<wfw:commentRss>https://www.scmgalaxy.com/tutorials/javascript-introduction/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 loading="lazy" 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="auto, (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 : Text</title>
		<link>https://www.scmgalaxy.com/tutorials/bootstrap-utilities-text/</link>
					<comments>https://www.scmgalaxy.com/tutorials/bootstrap-utilities-text/#respond</comments>
		
		<dc:creator><![CDATA[vikashdev k]]></dc:creator>
		<pubDate>Fri, 24 Sep 2021 12:43:35 +0000</pubDate>
				<category><![CDATA[Bootstrap]]></category>
		<category><![CDATA[bootstrap 4 utilities text]]></category>
		<category><![CDATA[Guide]]></category>
		<category><![CDATA[How]]></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[text utilities bootstrap scmgalaxy/tutorials]]></category>
		<category><![CDATA[text utilities in bootstrap]]></category>
		<category><![CDATA[text utilities in bootstrap4]]></category>
		<category><![CDATA[Tutorial]]></category>
		<category><![CDATA[What]]></category>
		<guid isPermaLink="false">https://www.scmgalaxy.com/tutorials/?p=9194</guid>

					<description><![CDATA[<p>Text Utilities classes, contains various text properties, such as, text alignment, text wrapping, text overflow, text transformation, font weight, italics, monospace, [&#8230;]</p>
<p>The post <a href="https://www.scmgalaxy.com/tutorials/bootstrap-utilities-text/">Bootstrap Utilities : Text</a> appeared first on <a href="https://www.scmgalaxy.com/tutorials">scmGalaxy</a>.</p>
]]></description>
										<content:encoded><![CDATA[
<p class="wp-block-paragraph"><strong>Text Utilities</strong> classes, contains various text properties, such as, <strong>text alignment</strong>, <strong>text wrapping</strong>, <strong>text overflow</strong>, <strong>text transformation</strong>, <strong>font weight</strong>, <strong>italics</strong>, <strong>monospace</strong>, <strong>resetting color of text</strong>, <strong>removing text decorations</strong>.</p>



<h3 class="wp-block-heading">1. Text alignment :</h3>



<ul class="wp-block-list"><li>.class <strong>text-justify </strong></li><li>.class <strong>text-left</strong></li><li>.class <strong>text-center</strong></li><li>.class<strong> text-right</strong></li><li>.class <strong>text-sm|md|lg|xl-left</strong></li></ul>



<h3 class="wp-block-heading">2. Text wrapping and overflow :</h3>



<ul class="wp-block-list"><li>.class <strong>text-wrap</strong></li><li>.class <strong>text-nowrap</strong></li><li>.class <strong>text-truncate</strong></li></ul>



<h3 class="wp-block-heading">3. Word break :</h3>



<ul class="wp-block-list"><li>.class <strong>text-break</strong> </li></ul>



<h3 class="wp-block-heading">4. Text transform :</h3>



<ul class="wp-block-list"><li>.class <strong>text-lowercase</strong></li><li>.class <strong>text-uppercase</strong></li><li>.class <strong>text-capitalize</strong></li></ul>



<h3 class="wp-block-heading">5. Font weight and italics :</h3>



<ul class="wp-block-list"><li>.class <strong>font-weight-bold</strong></li><li>.class<strong> font-weight-bolder</strong></li><li>.class<strong> font-weight-normal</strong></li><li>.class<strong> font-weight-light</strong></li><li>.class<strong> font-weight-lighter</strong></li><li>.class <strong>font-italic</strong></li></ul>



<h3 class="wp-block-heading">6. Monospace :</h3>



<ul class="wp-block-list"><li>.class <strong>text-monospace</strong></li></ul>



<h3 class="wp-block-heading">7. Reset color :</h3>



<ul class="wp-block-list"><li>.class <strong>text-muted</strong></li></ul>



<h3 class="wp-block-heading">8. Text decoration</h3>



<ul class="wp-block-list"><li>.class <strong>text-decoration-none</strong></li></ul>
<p>The post <a href="https://www.scmgalaxy.com/tutorials/bootstrap-utilities-text/">Bootstrap Utilities : Text</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-text/feed/</wfw:commentRss>
			<slash:comments>0</slash:comments>
		
		
			</item>
		<item>
		<title>Bootstrap Utilities : Spacing</title>
		<link>https://www.scmgalaxy.com/tutorials/bootstrap-utilities-spacing/</link>
					<comments>https://www.scmgalaxy.com/tutorials/bootstrap-utilities-spacing/#respond</comments>
		
		<dc:creator><![CDATA[vikashdev k]]></dc:creator>
		<pubDate>Fri, 24 Sep 2021 11:40:59 +0000</pubDate>
				<category><![CDATA[Bootstrap]]></category>
		<category><![CDATA[bootstrap 4]]></category>
		<category><![CDATA[bootstrap utilities spacing]]></category>
		<category><![CDATA[Guide]]></category>
		<category><![CDATA[How]]></category>
		<category><![CDATA[HTML]]></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[spacing utilities in bootstrap]]></category>
		<category><![CDATA[spacing utilities in bootstrap4]]></category>
		<category><![CDATA[Tutorial]]></category>
		<category><![CDATA[What]]></category>
		<guid isPermaLink="false">https://www.scmgalaxy.com/tutorials/?p=9189</guid>

					<description><![CDATA[<p>Spacing helpers are useful for modifying the padding and margin of an element. Where property is one of: m&#8211;sets margin p-sets padding Sides is one of:- t-sets margin-padding &#8220;top&#8220; b-sets [&#8230;]</p>
<p>The post <a href="https://www.scmgalaxy.com/tutorials/bootstrap-utilities-spacing/">Bootstrap Utilities : Spacing</a> appeared first on <a href="https://www.scmgalaxy.com/tutorials">scmGalaxy</a>.</p>
]]></description>
										<content:encoded><![CDATA[
<p class="wp-block-paragraph">Spacing <strong>helpers </strong>are useful for modifying the <strong>padding </strong>and <strong>margin </strong>of an element.</p>



<h3 class="wp-block-heading">Where property is one of:</h3>



<ol class="wp-block-list"><li>m<strong>&#8211;</strong>sets <strong>margin </strong></li><li><strong>p</strong>-sets <strong>padding</strong></li></ol>



<h3 class="wp-block-heading">Sides is one of:-</h3>



<ul class="wp-block-list"><li><strong>t</strong>-sets margin-padding &#8220;<strong>top</strong>&#8220;</li><li><strong>b</strong>-sets margin-padding &#8220;<strong>bottom</strong>&#8220;</li><li><strong>l</strong>-sets margin-padding &#8220;<strong>left</strong>&#8220;</li><li><strong>r</strong>-sets margin-padding &#8220;<strong>right</strong>&#8220;</li><li><strong>x</strong>-sets padding <strong>left|right</strong> or margin <strong>left|right</strong></li><li><strong>y</strong>-sets padding <strong>top|bottom</strong> or margin <strong>top|bottom</strong> </li><li>blank-sets margin padding on all sides of the element</li></ul>



<h3 class="wp-block-heading">Size is one of:-</h3>



<ul class="wp-block-list"><li><strong>0</strong>-sets m|p to <strong>0</strong></li><li><strong>1</strong>-sets m|p to <strong>.25rem</strong></li><li><strong>2</strong>-sets m|p to <strong>.5rem</strong></li><li><strong>3</strong>-sets m|p to <strong>1rem</strong></li><li><strong>4</strong>-sets m|p to <strong>1.5rem</strong></li><li><strong>5</strong>-sets m|p to <strong>3rem</strong></li><li><strong>auto</strong>-sets margin to <strong>auto</strong></li></ul>



<h3 class="wp-block-heading">Negative margin :-</h3>



<ul class="wp-block-list"><li><strong>n1</strong>-sets margin to <strong>-.25rem</strong></li><li><strong>n2</strong>-sets margin to <strong>-.5rem</strong></li><li><strong>n3</strong>-sets margin to <strong>-1rem</strong></li><li><strong>n4</strong>-sets margin to <strong>-1.5rem</strong></li><li><strong>n5</strong>-sets margin to <strong>-3rem</strong></li></ul>



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



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



<figure class="wp-block-image size-large"><img loading="lazy" decoding="async" width="1024" height="555" src="https://www.scmgalaxy.com/tutorials/wp-content/uploads/2021/09/spacing-1024x555.png" alt="" class="wp-image-9192" srcset="https://www.scmgalaxy.com/tutorials/wp-content/uploads/2021/09/spacing-1024x555.png 1024w, https://www.scmgalaxy.com/tutorials/wp-content/uploads/2021/09/spacing-300x163.png 300w, https://www.scmgalaxy.com/tutorials/wp-content/uploads/2021/09/spacing-768x416.png 768w, https://www.scmgalaxy.com/tutorials/wp-content/uploads/2021/09/spacing-1536x832.png 1536w, https://www.scmgalaxy.com/tutorials/wp-content/uploads/2021/09/spacing.png 1920w" sizes="auto, (max-width: 1024px) 100vw, 1024px" /></figure>
<p>The post <a href="https://www.scmgalaxy.com/tutorials/bootstrap-utilities-spacing/">Bootstrap Utilities : Spacing</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-spacing/feed/</wfw:commentRss>
			<slash:comments>0</slash:comments>
		
		
			</item>
		<item>
		<title>Bootstrap Utilities : &#8220;Screenreaders&#8221;</title>
		<link>https://www.scmgalaxy.com/tutorials/bootstrap-utilities-screenreaders/</link>
					<comments>https://www.scmgalaxy.com/tutorials/bootstrap-utilities-screenreaders/#respond</comments>
		
		<dc:creator><![CDATA[vikashdev k]]></dc:creator>
		<pubDate>Wed, 22 Sep 2021 12:31:21 +0000</pubDate>
				<category><![CDATA[Bootstrap]]></category>
		<category><![CDATA[.sr-only class use in bootstrap]]></category>
		<category><![CDATA[define screenreaders]]></category>
		<category><![CDATA[Guide]]></category>
		<category><![CDATA[How]]></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[screenreaders utilities in bootstrap 4]]></category>
		<category><![CDATA[Tutorial]]></category>
		<category><![CDATA[What]]></category>
		<guid isPermaLink="false">https://www.scmgalaxy.com/tutorials/?p=9135</guid>

					<description><![CDATA[<p>.sr-only class is used to hide an element in all device except screenreader.</p>
<p>The post <a href="https://www.scmgalaxy.com/tutorials/bootstrap-utilities-screenreaders/">Bootstrap Utilities : &#8220;Screenreaders&#8221;</a> appeared first on <a href="https://www.scmgalaxy.com/tutorials">scmGalaxy</a>.</p>
]]></description>
										<content:encoded><![CDATA[
<p class="wp-block-paragraph">.sr-only class is used to hide an element in all device except screenreader.</p>



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



<div class="wp-block-file"><a href="https://www.scmgalaxy.com/tutorials/wp-content/uploads/2021/09/index-18.html">Screenreader simple example but effect </a><a href="https://www.scmgalaxy.com/tutorials/wp-content/uploads/2021/09/index-18.html" class="wp-block-file__button" download>Download</a></div>



<figure class="wp-block-image size-large"><img loading="lazy" decoding="async" width="1024" height="335" src="https://www.scmgalaxy.com/tutorials/wp-content/uploads/2021/09/screenreader-1024x335.png" alt="" class="wp-image-9142" srcset="https://www.scmgalaxy.com/tutorials/wp-content/uploads/2021/09/screenreader-1024x335.png 1024w, https://www.scmgalaxy.com/tutorials/wp-content/uploads/2021/09/screenreader-300x98.png 300w, https://www.scmgalaxy.com/tutorials/wp-content/uploads/2021/09/screenreader-768x251.png 768w, https://www.scmgalaxy.com/tutorials/wp-content/uploads/2021/09/screenreader-1536x503.png 1536w, https://www.scmgalaxy.com/tutorials/wp-content/uploads/2021/09/screenreader.png 1802w" sizes="auto, (max-width: 1024px) 100vw, 1024px" /></figure>
<p>The post <a href="https://www.scmgalaxy.com/tutorials/bootstrap-utilities-screenreaders/">Bootstrap Utilities : &#8220;Screenreaders&#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-screenreaders/feed/</wfw:commentRss>
			<slash:comments>0</slash:comments>
		
		
			</item>
		<item>
		<title>Bootstrap Utilities : &#8220;Shadows&#8221;</title>
		<link>https://www.scmgalaxy.com/tutorials/bootstrap-utilities-shadows/</link>
					<comments>https://www.scmgalaxy.com/tutorials/bootstrap-utilities-shadows/#respond</comments>
		
		<dc:creator><![CDATA[vikashdev k]]></dc:creator>
		<pubDate>Wed, 22 Sep 2021 12:05:52 +0000</pubDate>
				<category><![CDATA[Bootstrap]]></category>
		<category><![CDATA[bootstrap 4 utilities shadows]]></category>
		<category><![CDATA[How]]></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[shadows utilities in bootstrap 4]]></category>
		<category><![CDATA[Tutorial]]></category>
		<guid isPermaLink="false">https://www.scmgalaxy.com/tutorials/?p=9130</guid>

					<description><![CDATA[<p>box-shadow utilities class is use to add or remove shadows in the elements.</p>
<p>The post <a href="https://www.scmgalaxy.com/tutorials/bootstrap-utilities-shadows/">Bootstrap Utilities : &#8220;Shadows&#8221;</a> appeared first on <a href="https://www.scmgalaxy.com/tutorials">scmGalaxy</a>.</p>
]]></description>
										<content:encoded><![CDATA[
<p class="wp-block-paragraph">box-shadow utilities class is use to add or remove shadows in the elements.</p>



<p class="wp-block-paragraph"> </p>


<div class="wp-block-syntaxhighlighter-code "><pre class="brush: plain; title: ; notranslate">
&amp;lt;div class=&quot;shadow-sm p-3 mb-5 bg-white rounded&quot;&gt;Small shadow&amp;lt;/div&gt;
</pre></div>


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



<div class="wp-block-file"><a href="https://www.scmgalaxy.com/tutorials/wp-content/uploads/2021/09/index-17.html">Shadow in the text simple example.</a><a href="https://www.scmgalaxy.com/tutorials/wp-content/uploads/2021/09/index-17.html" class="wp-block-file__button" download>Download</a></div>



<figure class="wp-block-image size-large"><img loading="lazy" decoding="async" width="1024" height="482" src="https://www.scmgalaxy.com/tutorials/wp-content/uploads/2021/09/shadow-1024x482.png" alt="" class="wp-image-9132" srcset="https://www.scmgalaxy.com/tutorials/wp-content/uploads/2021/09/shadow-1024x482.png 1024w, https://www.scmgalaxy.com/tutorials/wp-content/uploads/2021/09/shadow-300x141.png 300w, https://www.scmgalaxy.com/tutorials/wp-content/uploads/2021/09/shadow-768x362.png 768w, https://www.scmgalaxy.com/tutorials/wp-content/uploads/2021/09/shadow-1536x723.png 1536w, https://www.scmgalaxy.com/tutorials/wp-content/uploads/2021/09/shadow.png 1920w" sizes="auto, (max-width: 1024px) 100vw, 1024px" /></figure>
<p>The post <a href="https://www.scmgalaxy.com/tutorials/bootstrap-utilities-shadows/">Bootstrap Utilities : &#8220;Shadows&#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-shadows/feed/</wfw:commentRss>
			<slash:comments>0</slash:comments>
		
		
			</item>
		<item>
		<title>Bootstrap: Utilities &#8220;Image replacement&#8221;</title>
		<link>https://www.scmgalaxy.com/tutorials/bootstrap-utilities-image-replacement/</link>
					<comments>https://www.scmgalaxy.com/tutorials/bootstrap-utilities-image-replacement/#respond</comments>
		
		<dc:creator><![CDATA[vikashdev k]]></dc:creator>
		<pubDate>Mon, 13 Sep 2021 13:09:52 +0000</pubDate>
				<category><![CDATA[Bootstrap]]></category>
		<category><![CDATA[Guide]]></category>
		<category><![CDATA[image replacement in bootstrap]]></category>
		<category><![CDATA[image replacement utilities in bootstrap]]></category>
		<category><![CDATA[Process]]></category>
		<category><![CDATA[scmgalaxy]]></category>
		<category><![CDATA[scmgalaxy bootstrap]]></category>
		<category><![CDATA[scmGalaxy Tutorials]]></category>
		<category><![CDATA[Tutorial]]></category>
		<category><![CDATA[What]]></category>
		<guid isPermaLink="false">https://www.scmgalaxy.com/tutorials/?p=8997</guid>

					<description><![CDATA[<p>Bootstrap 4 image replacement is used to replace an element text content with a background image.</p>
<p>The post <a href="https://www.scmgalaxy.com/tutorials/bootstrap-utilities-image-replacement/">Bootstrap: Utilities &#8220;Image replacement&#8221;</a> appeared first on <a href="https://www.scmgalaxy.com/tutorials">scmGalaxy</a>.</p>
]]></description>
										<content:encoded><![CDATA[
<p class="wp-block-paragraph">Bootstrap 4 image replacement is used to replace an element text content with a background image.</p>


<div class="wp-block-syntaxhighlighter-code "><pre class="brush: plain; title: ; notranslate">
&amp;lt;h1 class=&quot;text-hide&quot;&gt;Text declare &amp;lt;/h1&gt;  
</pre></div>

<div class="wp-block-syntaxhighlighter-code "><pre class="brush: plain; title: ; notranslate">
&amp;lt;h1 class=&quot;text-hide&quot; style=&quot;background-image: url(&#039;image link&#039;); 
         background-repeat: no-repeat; 
         width: 500px; height: 500px; &quot;&gt;
    google
  &amp;lt;/h1&gt;
</pre></div>


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



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



<figure class="wp-block-image size-large"><img loading="lazy" decoding="async" width="1024" height="559" src="https://www.scmgalaxy.com/tutorials/wp-content/uploads/2021/09/imagereplacement-1024x559.png" alt="" class="wp-image-9058" srcset="https://www.scmgalaxy.com/tutorials/wp-content/uploads/2021/09/imagereplacement-1024x559.png 1024w, https://www.scmgalaxy.com/tutorials/wp-content/uploads/2021/09/imagereplacement-300x164.png 300w, https://www.scmgalaxy.com/tutorials/wp-content/uploads/2021/09/imagereplacement-768x420.png 768w, https://www.scmgalaxy.com/tutorials/wp-content/uploads/2021/09/imagereplacement-1536x839.png 1536w, https://www.scmgalaxy.com/tutorials/wp-content/uploads/2021/09/imagereplacement.png 1920w" sizes="auto, (max-width: 1024px) 100vw, 1024px" /></figure>
<p>The post <a href="https://www.scmgalaxy.com/tutorials/bootstrap-utilities-image-replacement/">Bootstrap: Utilities &#8220;Image replacement&#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-image-replacement/feed/</wfw:commentRss>
			<slash:comments>0</slash:comments>
		
		
			</item>
		<item>
		<title>Bootstrap: Utilities &#8220;Flex&#8221;</title>
		<link>https://www.scmgalaxy.com/tutorials/bootstrap-utilities-flex/</link>
					<comments>https://www.scmgalaxy.com/tutorials/bootstrap-utilities-flex/#respond</comments>
		
		<dc:creator><![CDATA[vikashdev k]]></dc:creator>
		<pubDate>Sat, 11 Sep 2021 09:15:00 +0000</pubDate>
				<category><![CDATA[Bootstrap]]></category>
		<category><![CDATA[bootstrap utilities in flex]]></category>
		<category><![CDATA[flex utilities in bootstrap4]]></category>
		<category><![CDATA[Guide]]></category>
		<category><![CDATA[Process]]></category>
		<category><![CDATA[scmgalaxy]]></category>
		<category><![CDATA[scmGalaxy Tutorials]]></category>
		<category><![CDATA[scmgalaxy tutorials bootstrap 4 utilities]]></category>
		<category><![CDATA[Tutorial]]></category>
		<category><![CDATA[What]]></category>
		<guid isPermaLink="false">https://www.scmgalaxy.com/tutorials/?p=8952</guid>

					<description><![CDATA[<p>Bootstrap utilities Flex utility&#160;can be used to manage the layout, alignment, grid columns, navigation, and other components of the page. [&#8230;]</p>
<p>The post <a href="https://www.scmgalaxy.com/tutorials/bootstrap-utilities-flex/">Bootstrap: Utilities &#8220;Flex&#8221;</a> appeared first on <a href="https://www.scmgalaxy.com/tutorials">scmGalaxy</a>.</p>
]]></description>
										<content:encoded><![CDATA[
<p class="wp-block-paragraph"><strong>Bootstrap utilities Flex utility</strong>&nbsp;can be used to manage the layout, alignment, grid columns, navigation, and other components of the page.      </p>



<p class="wp-block-paragraph">All flex classes come with <strong>additional responsive classes</strong>, which makes it easy to set a specific flex class on specific screen size.</p>



<p class="wp-block-paragraph">The&nbsp;<code>*</code>&nbsp;the symbol can be replaced with <strong>sm, md, lg or xl</strong>, which represents small, medium, large or xlarge screens.</p>



<figure class="wp-block-table is-style-stripes"><table><tbody><tr><td><strong>Class </strong></td><td><strong>Description</strong></td></tr><tr><td>.d-*-flex</td><td>Creates a flexbox container for different screens</td></tr><tr><td>.d-*-inline-flex</td><td>Creates an inline flexbox container for different screens</td></tr><tr><td>.flex-*-row</td><td>Display flex items horizontally on different screens</td></tr><tr><td>.flex-*-row-reverse</td><td>Display flex items horizontally, and right-aligned, on different screens</td></tr><tr><td>.flex-*-column</td><td>Display flex items vertically on different screens</td></tr><tr><td>.flex-*-column-reverse</td><td>Display flex items vertically, with reversed order, on different screens screens</td></tr><tr><td>.justify-content-*-start</td><td>Display flex items from the start (left-aligned) on different screens</td></tr><tr><td>.justify-content-*-end</td><td>Display flex items at the end (right-aligned) on different screens</td></tr><tr><td>.justify-content-*-center</td><td>Display flex items in the center of a flex container on different screens</td></tr><tr><td>.justify-content-*-between</td><td>Display flex items in &#8220;between&#8221; on different screens</td></tr><tr><td>.justify-content-*-around</td><td>Display flex items &#8220;around&#8221; on different screens</td></tr><tr><td>.flex-*-fill</td><td>Force flex items into equal widths on different screens</td></tr><tr><td>.flex-*-grow-0</td><td>Don&#8217;t make the items grow on different screens</td></tr><tr><td>.flex-*-grow-1</td><td>Make items grow on different screens</td></tr><tr><td>.flex-*-shrink-0</td><td>Don&#8217;t make the items shrink on different screens</td></tr><tr><td>.flex-*-shrink-1</td><td>Make items shrink on different screens</td></tr><tr><td>.order-*-0-12</td><td>Change the order from 0 to 12 on small screens</td></tr><tr><td>.flex-*-nowrap</td><td>Don&#8217;t wrap items on different screens</td></tr><tr><td>.flex-*-wrap</td><td>Wrap items on different screens</td></tr><tr><td>.flex-*-wrap-reverse</td><td>Reverse the wrapping of items on different screens</td></tr><tr><td>.align-content-*-start</td><td>Align gathered items from the start on different screens</td></tr><tr><td>.align-content-*-end</td><td>Align gathered items at the end on different screens</td></tr><tr><td>.align-content-*-center</td><td>Align gathered items in the center on different screens</td></tr><tr><td>.align-content-*-around</td><td>Align gathered items &#8220;around&#8221; on different screens</td></tr><tr><td>.align-content-*-stretch</td><td>Stretch gathered items on different screens</td></tr><tr><td>.align-items-*-start</td><td>Align single rows of items from the start on different screens</td></tr><tr><td>.align-items-*-end</td><td>Align single rows of items at the end on different screens</td></tr><tr><td>.align-items-*-center</td><td>Align single rows of items in the center on different screens</td></tr><tr><td>.align-items-*-baseline</td><td>Align single rows of items on the baseline on different screens</td></tr><tr><td>.align-items-*-stretch</td><td>Stretch single rows of items on different screens</td></tr><tr><td>.align-self-*-start</td><td>Align a flex item from the start on different screens</td></tr><tr><td>.align-self-*-end</td><td>Align a flex item at the end on different screens</td></tr><tr><td>.align-self-*-center</td><td>Align a flex item in the center on different screens</td></tr><tr><td>.align-self-*-baseline</td><td>Align a flex item on the baseline on different screens</td></tr><tr><td>.align-self-*-stretch</td><td>Stretch a flex item on different screens</td></tr></tbody></table></figure>



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



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



<figure class="wp-block-image size-large"><img loading="lazy" decoding="async" width="1024" height="574" src="https://www.scmgalaxy.com/tutorials/wp-content/uploads/2021/09/flix-1024x574.png" alt="" class="wp-image-8954" srcset="https://www.scmgalaxy.com/tutorials/wp-content/uploads/2021/09/flix-1024x574.png 1024w, https://www.scmgalaxy.com/tutorials/wp-content/uploads/2021/09/flix-300x168.png 300w, https://www.scmgalaxy.com/tutorials/wp-content/uploads/2021/09/flix-768x431.png 768w, https://www.scmgalaxy.com/tutorials/wp-content/uploads/2021/09/flix-1536x862.png 1536w, https://www.scmgalaxy.com/tutorials/wp-content/uploads/2021/09/flix.png 1920w" sizes="auto, (max-width: 1024px) 100vw, 1024px" /></figure>
<p>The post <a href="https://www.scmgalaxy.com/tutorials/bootstrap-utilities-flex/">Bootstrap: Utilities &#8220;Flex&#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-flex/feed/</wfw:commentRss>
			<slash:comments>0</slash:comments>
		
		
			</item>
		<item>
		<title>Bootstrap: Utilities &#8220;Embed&#8221;</title>
		<link>https://www.scmgalaxy.com/tutorials/bootstrap-utilities-embed/</link>
					<comments>https://www.scmgalaxy.com/tutorials/bootstrap-utilities-embed/#respond</comments>
		
		<dc:creator><![CDATA[vikashdev k]]></dc:creator>
		<pubDate>Sat, 11 Sep 2021 07:41:01 +0000</pubDate>
				<category><![CDATA[Bootstrap]]></category>
		<category><![CDATA[bootstrap utilities in embed]]></category>
		<category><![CDATA[embed in bootstrap 4]]></category>
		<category><![CDATA[embed utilities in bootstrap]]></category>
		<category><![CDATA[Guide]]></category>
		<category><![CDATA[How]]></category>
		<category><![CDATA[Process]]></category>
		<category><![CDATA[scmgalaxy]]></category>
		<category><![CDATA[scmGalaxy Tutorials]]></category>
		<category><![CDATA[scmgalaxy tutorials bootstrap 4 utilities]]></category>
		<category><![CDATA[Tutorial]]></category>
		<category><![CDATA[What]]></category>
		<guid isPermaLink="false">https://www.scmgalaxy.com/tutorials/?p=8946</guid>

					<description><![CDATA[<p>Bootstrap embeds is a utility that helps you insert video or slideshow in the page keeping width of the parent and scales on any device.</p>
<p>The post <a href="https://www.scmgalaxy.com/tutorials/bootstrap-utilities-embed/">Bootstrap: Utilities &#8220;Embed&#8221;</a> appeared first on <a href="https://www.scmgalaxy.com/tutorials">scmGalaxy</a>.</p>
]]></description>
										<content:encoded><![CDATA[
<p class="wp-block-paragraph"><strong>Bootstrap embeds</strong> is a utility that helps you insert <strong>video or slideshow</strong> in the page keeping width of the parent and scales on any device.</p>



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



<div class="wp-block-file"><a href="https://www.scmgalaxy.com/tutorials/wp-content/uploads/2021/09/index-12.html"> Bootstrap embeds simple example </a><a href="https://www.scmgalaxy.com/tutorials/wp-content/uploads/2021/09/index-12.html" class="wp-block-file__button" download>Download</a></div>



<figure class="wp-block-image size-large"><img loading="lazy" decoding="async" width="1024" height="576" src="https://www.scmgalaxy.com/tutorials/wp-content/uploads/2021/09/embed-1024x576.png" alt="" class="wp-image-8949" srcset="https://www.scmgalaxy.com/tutorials/wp-content/uploads/2021/09/embed-1024x576.png 1024w, https://www.scmgalaxy.com/tutorials/wp-content/uploads/2021/09/embed-300x169.png 300w, https://www.scmgalaxy.com/tutorials/wp-content/uploads/2021/09/embed-768x432.png 768w, https://www.scmgalaxy.com/tutorials/wp-content/uploads/2021/09/embed-1536x864.png 1536w, https://www.scmgalaxy.com/tutorials/wp-content/uploads/2021/09/embed.png 1920w" sizes="auto, (max-width: 1024px) 100vw, 1024px" /></figure>
<p>The post <a href="https://www.scmgalaxy.com/tutorials/bootstrap-utilities-embed/">Bootstrap: Utilities &#8220;Embed&#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-embed/feed/</wfw:commentRss>
			<slash:comments>0</slash:comments>
		
		
			</item>
		<item>
		<title>Bootstrap: Utilities &#8220;Display&#8221;</title>
		<link>https://www.scmgalaxy.com/tutorials/bootstrap-utilities-display/</link>
					<comments>https://www.scmgalaxy.com/tutorials/bootstrap-utilities-display/#respond</comments>
		
		<dc:creator><![CDATA[vikashdev k]]></dc:creator>
		<pubDate>Sat, 11 Sep 2021 06:40:54 +0000</pubDate>
				<category><![CDATA[Bootstrap]]></category>
		<category><![CDATA[Display in utilities in bootstrap]]></category>
		<category><![CDATA[Guide]]></category>
		<category><![CDATA[How]]></category>
		<category><![CDATA[Process]]></category>
		<category><![CDATA[scmgalaxy]]></category>
		<category><![CDATA[scmGalaxy Tutorials]]></category>
		<category><![CDATA[scmgalaxy tutorials bootstrap 4 utilities]]></category>
		<category><![CDATA[Tutorial]]></category>
		<category><![CDATA[What]]></category>
		<guid isPermaLink="false">https://www.scmgalaxy.com/tutorials/?p=8942</guid>

					<description><![CDATA[<p>Bootstrap utility display changes the value of the property&#160;with our responsive display utility classes. We purposely support only a subset [&#8230;]</p>
<p>The post <a href="https://www.scmgalaxy.com/tutorials/bootstrap-utilities-display/">Bootstrap: Utilities &#8220;Display&#8221;</a> appeared first on <a href="https://www.scmgalaxy.com/tutorials">scmGalaxy</a>.</p>
]]></description>
										<content:encoded><![CDATA[
<p class="wp-block-paragraph"><strong>Bootstrap utility display</strong> changes the value of the property&nbsp;with our responsive display utility classes. We purposely support only a subset of all possible values for&nbsp;<strong>display</strong>. Classes can be combined for various effects as you need.</p>



<figure class="wp-block-table is-style-stripes"><table><tbody><tr><td><strong>Screen Size</strong></td><td><strong>Class</strong></td></tr><tr><td>Hidden an element</td><td>.d-none</td></tr><tr><td>Hides an element on a specific screen size</td><td>.d-*-none</td></tr><tr><td>Hidden only on xs</td><td>.d-none .d-sm-block</td></tr><tr><td>Hidden only on sm</td><td>.d-sm-none .d-md-block</td></tr><tr><td>Hidden only on md</td><td>.d-md-none .d-lg-block</td></tr><tr><td>Hidden only on lg</td><td>.d-lg-none .d-xl-block</td></tr><tr><td>An element inline</td><td>.d-inline</td></tr><tr><td>An element inline on a specific screen size</td><td>.d-*-inline</td></tr><tr><td>An element inline-block</td><td>.d-inline-block</td></tr><tr><td>An element inline-block on a specific screen size</td><td>.d-*-inline-block</td></tr><tr><td>An Element display as a table</td><td>.d-table</td></tr><tr><td>An element display as a table on a specific screen size</td><td>.d-*-table</td></tr><tr><td>An element display as a table cell</td><td>.d-table-cell</td></tr><tr><td>An element display as a table cell on a specific screen size</td><td>.d-*-table-cell</td></tr><tr><td>An element display as a table row</td><td>.d-table-row</td></tr><tr><td>An element display as a table row on a specific screen size</td><td>.d-*-table-row</td></tr><tr><td>Creates a flexbox container and transforms direct children into flex items</td><td>.d-flex</td></tr><tr><td>Creates a flexbox container on a specific screen size</td><td>.d-*-flex</td></tr><tr><td>Creates an inline flexbox container</td><td>.d-inline-flex</td></tr><tr><td>Creates an inline flexbox container on a specific screen size</td><td>.d-*-inline-flex</td></tr></tbody></table></figure>



<h3 class="wp-block-heading"><strong>Syntax:-</strong></h3>


<div class="wp-block-syntaxhighlighter-code "><pre class="brush: plain; title: ; notranslate">
&amp;lt;div class=&quot;container mt-4&quot;&gt;
  &amp;lt;h2&gt;Display Inline Block&amp;lt;/h2&gt;
  &amp;lt;p&gt;Use the d-inline-block class.&amp;lt;/p&gt;
  &amp;lt;div class=&quot;d-inline-block&quot;&gt;Inline block DIV.&amp;lt;/div&gt;
  &amp;lt;div class=&quot;d-inline-block&quot;&gt;Inline block DIV.&amp;lt;/div&gt;
&amp;lt;/div&gt;
</pre></div>


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



<div class="wp-block-file"><a href="https://www.scmgalaxy.com/tutorials/wp-content/uploads/2021/09/index-11.html">Display utilities in bootstrap example</a><a href="https://www.scmgalaxy.com/tutorials/wp-content/uploads/2021/09/index-11.html" class="wp-block-file__button" download>Download</a></div>



<figure class="wp-block-image size-large"><img loading="lazy" decoding="async" width="1024" height="576" src="https://www.scmgalaxy.com/tutorials/wp-content/uploads/2021/09/display-1024x576.png" alt="" class="wp-image-8944" srcset="https://www.scmgalaxy.com/tutorials/wp-content/uploads/2021/09/display-1024x576.png 1024w, https://www.scmgalaxy.com/tutorials/wp-content/uploads/2021/09/display-300x169.png 300w, https://www.scmgalaxy.com/tutorials/wp-content/uploads/2021/09/display-768x432.png 768w, https://www.scmgalaxy.com/tutorials/wp-content/uploads/2021/09/display-1536x864.png 1536w, https://www.scmgalaxy.com/tutorials/wp-content/uploads/2021/09/display.png 1920w" sizes="auto, (max-width: 1024px) 100vw, 1024px" /></figure>
<p>The post <a href="https://www.scmgalaxy.com/tutorials/bootstrap-utilities-display/">Bootstrap: Utilities &#8220;Display&#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-display/feed/</wfw:commentRss>
			<slash:comments>0</slash:comments>
		
		
			</item>
		<item>
		<title>Bootstrap: Utilities &#8220;Color&#8221;</title>
		<link>https://www.scmgalaxy.com/tutorials/bootstrap-utilities-color/</link>
					<comments>https://www.scmgalaxy.com/tutorials/bootstrap-utilities-color/#respond</comments>
		
		<dc:creator><![CDATA[vikashdev k]]></dc:creator>
		<pubDate>Sat, 11 Sep 2021 05:18:42 +0000</pubDate>
				<category><![CDATA[Bootstrap]]></category>
		<category><![CDATA[bootstrap 4]]></category>
		<category><![CDATA[bootstrap utilities in color]]></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=8936</guid>

					<description><![CDATA[<p>Check the enhanced Bootstrap 4 Text colors &#8212; Convey meaning through color with a handful of color utility classes. The classes for text colors are: :- .text-muted, .text-primary, .text-success, .text-info, .text-warning, .text-danger, .text-secondary, .text-white, .text-dark, .text-body (default body color/often [&#8230;]</p>
<p>The post <a href="https://www.scmgalaxy.com/tutorials/bootstrap-utilities-color/">Bootstrap: Utilities &#8220;Color&#8221;</a> appeared first on <a href="https://www.scmgalaxy.com/tutorials">scmGalaxy</a>.</p>
]]></description>
										<content:encoded><![CDATA[
<p class="wp-block-paragraph">Check the enhanced Bootstrap 4 Text colors &#8212; Convey meaning through color with a handful of color utility classes.</p>



<h3 class="wp-block-heading">The classes for text colors are:</h3>



<p class="wp-block-paragraph">:- <strong>.text-muted</strong>, .<strong>text-primary</strong>, <strong>.text-success</strong>, <strong>.text-info</strong>, <strong>.text-warning</strong>, <strong>.text-danger</strong>,<strong> .text-secondary</strong>, <strong>.text-white</strong>, <strong>.text-dark</strong>, <strong>.text-body</strong> (default body color/often black) and<strong> .text-light</strong>.</p>



<h3 class="wp-block-heading">The classes for background colors are: </h3>



<p class="wp-block-paragraph">:- <strong>.bg-primary</strong>, <strong>.bg-success</strong>, <strong>.bg-info</strong>, <strong>.bg-warning</strong>, <strong>.bg-danger</strong>, <strong>.bg-secondary</strong>, <strong>.bg-dark </strong>and <strong>.bg-ligh</strong>t.</p>



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



<div class="wp-block-file"><a href="https://www.scmgalaxy.com/tutorials/wp-content/uploads/2021/09/index-10.html">bootstrap color utilities example</a><a href="https://www.scmgalaxy.com/tutorials/wp-content/uploads/2021/09/index-10.html" class="wp-block-file__button" download>Download</a></div>



<figure class="wp-block-image size-large"><img loading="lazy" decoding="async" width="1024" height="575" src="https://www.scmgalaxy.com/tutorials/wp-content/uploads/2021/09/color-1024x575.png" alt="" class="wp-image-8940" srcset="https://www.scmgalaxy.com/tutorials/wp-content/uploads/2021/09/color-1024x575.png 1024w, https://www.scmgalaxy.com/tutorials/wp-content/uploads/2021/09/color-300x168.png 300w, https://www.scmgalaxy.com/tutorials/wp-content/uploads/2021/09/color-768x431.png 768w, https://www.scmgalaxy.com/tutorials/wp-content/uploads/2021/09/color-1536x862.png 1536w, https://www.scmgalaxy.com/tutorials/wp-content/uploads/2021/09/color.png 1920w" sizes="auto, (max-width: 1024px) 100vw, 1024px" /></figure>
<p>The post <a href="https://www.scmgalaxy.com/tutorials/bootstrap-utilities-color/">Bootstrap: Utilities &#8220;Color&#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-color/feed/</wfw:commentRss>
			<slash:comments>0</slash:comments>
		
		
			</item>
		<item>
		<title>Bootstrap: Utilities &#8220;Close icon&#8221;</title>
		<link>https://www.scmgalaxy.com/tutorials/bootstrap-utilities-close-icon/</link>
					<comments>https://www.scmgalaxy.com/tutorials/bootstrap-utilities-close-icon/#respond</comments>
		
		<dc:creator><![CDATA[vikashdev k]]></dc:creator>
		<pubDate>Wed, 08 Sep 2021 12:47:47 +0000</pubDate>
				<category><![CDATA[Bootstrap]]></category>
		<category><![CDATA[bootstrap utilities close icon]]></category>
		<category><![CDATA[close icon in bootstrap 4]]></category>
		<category><![CDATA[Guide]]></category>
		<category><![CDATA[Process]]></category>
		<category><![CDATA[scmgalaxy]]></category>
		<category><![CDATA[scmGalaxy tutorial bootstrap 4 utilities]]></category>
		<category><![CDATA[scmGalaxy Tutorials]]></category>
		<category><![CDATA[Tutorial]]></category>
		<category><![CDATA[What]]></category>
		<guid isPermaLink="false">https://www.scmgalaxy.com/tutorials/?p=8865</guid>

					<description><![CDATA[<p>Bootstrap 4 has a lot of utility/helper classes to quickly style elements without using any CSS code. Use the .close class to style [&#8230;]</p>
<p>The post <a href="https://www.scmgalaxy.com/tutorials/bootstrap-utilities-close-icon/">Bootstrap: Utilities &#8220;Close icon&#8221;</a> appeared first on <a href="https://www.scmgalaxy.com/tutorials">scmGalaxy</a>.</p>
]]></description>
										<content:encoded><![CDATA[
<p class="wp-block-paragraph">Bootstrap 4 has a lot of utility/helper classes to quickly style elements without using any CSS code. Use the <strong>.close </strong>class to style a close icon.</p>


<div class="wp-block-syntaxhighlighter-code "><pre class="brush: plain; title: ; notranslate">
 &amp;lt;div class=&quot;clearfix&quot;&gt;
      &amp;lt;button type=&quot;button&quot; class=&quot;close&quot;&gt;&amp;amp;times;&amp;lt;/button&gt;
    &amp;lt;/div&gt;
</pre></div>


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



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



<figure class="wp-block-image size-large"><img loading="lazy" decoding="async" width="1024" height="575" src="https://www.scmgalaxy.com/tutorials/wp-content/uploads/2021/09/close-icon-1024x575.png" alt="" class="wp-image-8867" srcset="https://www.scmgalaxy.com/tutorials/wp-content/uploads/2021/09/close-icon-1024x575.png 1024w, https://www.scmgalaxy.com/tutorials/wp-content/uploads/2021/09/close-icon-300x168.png 300w, https://www.scmgalaxy.com/tutorials/wp-content/uploads/2021/09/close-icon-768x431.png 768w, https://www.scmgalaxy.com/tutorials/wp-content/uploads/2021/09/close-icon-1536x862.png 1536w, https://www.scmgalaxy.com/tutorials/wp-content/uploads/2021/09/close-icon.png 1920w" sizes="auto, (max-width: 1024px) 100vw, 1024px" /></figure>
<p>The post <a href="https://www.scmgalaxy.com/tutorials/bootstrap-utilities-close-icon/">Bootstrap: Utilities &#8220;Close icon&#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-close-icon/feed/</wfw:commentRss>
			<slash:comments>0</slash:comments>
		
		
			</item>
		<item>
		<title>Bootstrap: Utilities &#8220;Clearfix&#8221;</title>
		<link>https://www.scmgalaxy.com/tutorials/bootstrap-utilities-clearfix/</link>
					<comments>https://www.scmgalaxy.com/tutorials/bootstrap-utilities-clearfix/#respond</comments>
		
		<dc:creator><![CDATA[vikashdev k]]></dc:creator>
		<pubDate>Tue, 07 Sep 2021 13:04:02 +0000</pubDate>
				<category><![CDATA[Bootstrap]]></category>
		<category><![CDATA[clearfix in bootstrap 4]]></category>
		<category><![CDATA[clearfix utilities in bootstrap 4]]></category>
		<category><![CDATA[Guide]]></category>
		<category><![CDATA[Process]]></category>
		<category><![CDATA[scmgalaxy]]></category>
		<category><![CDATA[scmgalaxy tutorial clearfix in bootstrap]]></category>
		<category><![CDATA[scmGalaxy Tutorials]]></category>
		<category><![CDATA[Tutorial]]></category>
		<guid isPermaLink="false">https://www.scmgalaxy.com/tutorials/?p=8852</guid>

					<description><![CDATA[<p>If an element is bigger than the element containing it, and it is floated, it will overflow outside of its [&#8230;]</p>
<p>The post <a href="https://www.scmgalaxy.com/tutorials/bootstrap-utilities-clearfix/">Bootstrap: Utilities &#8220;Clearfix&#8221;</a> appeared first on <a href="https://www.scmgalaxy.com/tutorials">scmGalaxy</a>.</p>
]]></description>
										<content:encoded><![CDATA[
<p class="wp-block-paragraph">If an element is bigger than the element containing it, and it is floated, it will overflow outside of its container. Then we can add <strong>overflow: auto</strong> to the containing element to fix this problem.</p>


<div class="wp-block-syntaxhighlighter-code "><pre class="brush: plain; title: ; notranslate">
.clearfix {
  overflow: auto;
}
</pre></div>


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



<div class="wp-block-file"><a href="https://www.scmgalaxy.com/tutorials/wp-content/uploads/2021/09/index-8.html">Example of Clearfix </a><a href="https://www.scmgalaxy.com/tutorials/wp-content/uploads/2021/09/index-8.html" class="wp-block-file__button" download>Download</a></div>



<figure class="wp-block-image size-large"><img loading="lazy" decoding="async" width="1024" height="561" src="https://www.scmgalaxy.com/tutorials/wp-content/uploads/2021/09/clearfix-1024x561.png" alt="" class="wp-image-8856" srcset="https://www.scmgalaxy.com/tutorials/wp-content/uploads/2021/09/clearfix-1024x561.png 1024w, https://www.scmgalaxy.com/tutorials/wp-content/uploads/2021/09/clearfix-300x164.png 300w, https://www.scmgalaxy.com/tutorials/wp-content/uploads/2021/09/clearfix-768x420.png 768w, https://www.scmgalaxy.com/tutorials/wp-content/uploads/2021/09/clearfix-1536x841.png 1536w, https://www.scmgalaxy.com/tutorials/wp-content/uploads/2021/09/clearfix.png 1920w" sizes="auto, (max-width: 1024px) 100vw, 1024px" /></figure>
<p>The post <a href="https://www.scmgalaxy.com/tutorials/bootstrap-utilities-clearfix/">Bootstrap: Utilities &#8220;Clearfix&#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-clearfix/feed/</wfw:commentRss>
			<slash:comments>0</slash:comments>
		
		
			</item>
	</channel>
</rss>
