<?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>remove borders in bootstrap Archives - scmGalaxy</title>
	<atom:link href="https://www.scmgalaxy.com/tutorials/tag/remove-borders-in-bootstrap/feed/" rel="self" type="application/rss+xml" />
	<link>https://www.scmgalaxy.com/tutorials/tag/remove-borders-in-bootstrap/</link>
	<description>A Platform for Software Engineers</description>
	<lastBuildDate>Mon, 30 Aug 2021 12:40:10 +0000</lastBuildDate>
	<language>en-US</language>
	<sy:updatePeriod>
	hourly	</sy:updatePeriod>
	<sy:updateFrequency>
	1	</sy:updateFrequency>
	<generator>https://wordpress.org/?v=7.1</generator>
	<item>
		<title>Bootstrap:-Component &#8220;List group&#8221;</title>
		<link>https://www.scmgalaxy.com/tutorials/bootstrap-component-list-group/</link>
					<comments>https://www.scmgalaxy.com/tutorials/bootstrap-component-list-group/#respond</comments>
		
		<dc:creator><![CDATA[vikashdev k]]></dc:creator>
		<pubDate>Mon, 30 Aug 2021 12:40:08 +0000</pubDate>
				<category><![CDATA[Bootstrap]]></category>
		<category><![CDATA[badges in bootstrap]]></category>
		<category><![CDATA[bootstrap4]]></category>
		<category><![CDATA[custom content in bootstrap]]></category>
		<category><![CDATA[flush in bootstrap]]></category>
		<category><![CDATA[horizontal list group in bootstrap]]></category>
		<category><![CDATA[How]]></category>
		<category><![CDATA[list group in bootstrap]]></category>
		<category><![CDATA[Process]]></category>
		<category><![CDATA[remove borders in bootstrap]]></category>
		<category><![CDATA[Tutorial]]></category>
		<category><![CDATA[What]]></category>
		<category><![CDATA[what is list group in bootstrap4]]></category>
		<guid isPermaLink="false">https://www.scmgalaxy.com/tutorials/?p=8512</guid>

					<description><![CDATA[<p>List groups are a flexible and powerful component for displaying a series of content. features:- Basic items simply making for [&#8230;]</p>
<p>The post <a href="https://www.scmgalaxy.com/tutorials/bootstrap-component-list-group/">Bootstrap:-Component &#8220;List group&#8221;</a> appeared first on <a href="https://www.scmgalaxy.com/tutorials">scmGalaxy</a>.</p>
]]></description>
										<content:encoded><![CDATA[
<p class="wp-block-paragraph">List groups are a flexible and powerful component for displaying a series of content. </p>



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



<ul class="wp-block-list"><li>Basic items simply making for list.</li><li>Active items used for showing it&#8217;s an active mode.</li><li>Disabled items used for just reading that message.</li><li>Links and buttons are used to create actionable list  group items with hover.</li><li>Flush / Remove Borders  are used to remove some borders and rounded corners to render list group items edge-to-edge in a parent container (card).</li><li>Horizontal to change the layout of list group items from vertical to horizontal across all breakpoints.</li><li>Contextual classes  to style list items with a stateful backgrond and color.</li><li>With badges to show unread counts, activity .</li><li>Custom content by the help of flexbox utilities.</li><li>JavaScript behavior to create tabbable panes of local content.</li><li>Using data attributes use for activate a list group navigation without writing any javaScript by simply specifying data-toggle=&#8221;list&#8221; or on an element.</li></ul>



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



<div class="wp-block-file"><a href="https://www.scmgalaxy.com/tutorials/wp-content/uploads/2021/08/index-2.html">Creating_cool_list_group_with_some links/message etc.</a><a href="https://www.scmgalaxy.com/tutorials/wp-content/uploads/2021/08/index-2.html" class="wp-block-file__button" download>Download</a></div>



<figure class="wp-block-gallery columns-1 is-cropped wp-block-gallery-1 is-layout-flex wp-block-gallery-is-layout-flex"><ul class="blocks-gallery-grid"><li class="blocks-gallery-item"><figure><img fetchpriority="high" decoding="async" width="1024" height="553" src="https://www.scmgalaxy.com/tutorials/wp-content/uploads/2021/08/list_groups-1024x553.png" alt="" data-id="8515" data-full-url="https://www.scmgalaxy.com/tutorials/wp-content/uploads/2021/08/list_groups.png" data-link="https://www.scmgalaxy.com/tutorials/?attachment_id=8515" class="wp-image-8515" srcset="https://www.scmgalaxy.com/tutorials/wp-content/uploads/2021/08/list_groups-1024x553.png 1024w, https://www.scmgalaxy.com/tutorials/wp-content/uploads/2021/08/list_groups-300x162.png 300w, https://www.scmgalaxy.com/tutorials/wp-content/uploads/2021/08/list_groups-768x415.png 768w, https://www.scmgalaxy.com/tutorials/wp-content/uploads/2021/08/list_groups-1536x830.png 1536w, https://www.scmgalaxy.com/tutorials/wp-content/uploads/2021/08/list_groups.png 1920w" sizes="(max-width: 1024px) 100vw, 1024px" /></figure></li></ul></figure>
<p>The post <a href="https://www.scmgalaxy.com/tutorials/bootstrap-component-list-group/">Bootstrap:-Component &#8220;List group&#8221;</a> appeared first on <a href="https://www.scmgalaxy.com/tutorials">scmGalaxy</a>.</p>
]]></content:encoded>
					
					<wfw:commentRss>https://www.scmgalaxy.com/tutorials/bootstrap-component-list-group/feed/</wfw:commentRss>
			<slash:comments>0</slash:comments>
		
		
			</item>
	</channel>
</rss>
