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

<channel>
	<title>bootstrap Archives - Artificial Intelligence</title>
	<atom:link href="https://www.aiuniverse.xyz/category/bootstrap/feed/" rel="self" type="application/rss+xml" />
	<link>https://www.aiuniverse.xyz/category/bootstrap/</link>
	<description>Exploring the universe of Intelligence</description>
	<lastBuildDate>Fri, 28 Apr 2023 10:25:36 +0000</lastBuildDate>
	<language>en-US</language>
	<sy:updatePeriod>
	hourly	</sy:updatePeriod>
	<sy:updateFrequency>
	1	</sy:updateFrequency>
	<generator>https://wordpress.org/?v=6.9.4</generator>
	<item>
		<title>What is Bootstraps?</title>
		<link>https://www.aiuniverse.xyz/what-is-bootstraps/</link>
					<comments>https://www.aiuniverse.xyz/what-is-bootstraps/#respond</comments>
		
		<dc:creator><![CDATA[Maruti Kr.]]></dc:creator>
		<pubDate>Thu, 27 Apr 2023 06:20:29 +0000</pubDate>
				<category><![CDATA[bootstrap]]></category>
		<category><![CDATA[Bootstrap]]></category>
		<category><![CDATA[Bootstrap 5]]></category>
		<category><![CDATA[Bootstrap 5 new features?]]></category>
		<category><![CDATA[bootstrap features]]></category>
		<category><![CDATA[bootstrap tutorial]]></category>
		<category><![CDATA[What is Bootstraps]]></category>
		<category><![CDATA[what is the features of bootstrap]]></category>
		<guid isPermaLink="false">https://www.aiuniverse.xyz/?p=16584</guid>

					<description><![CDATA[<p>Bootstrap is a free, open-source and popular front-end web development framework that is designed to help developers quickly build responsive, mobile-first websites. It was developed by Twitter <a class="read-more-link" href="https://www.aiuniverse.xyz/what-is-bootstraps/">Read More</a></p>
<p>The post <a href="https://www.aiuniverse.xyz/what-is-bootstraps/">What is Bootstraps?</a> appeared first on <a href="https://www.aiuniverse.xyz">Artificial Intelligence</a>.</p>
]]></description>
										<content:encoded><![CDATA[
<div class="wp-block-media-text alignwide is-stacked-on-mobile"><figure class="wp-block-media-text__media"><img fetchpriority="high" decoding="async" width="1024" height="512" src="https://www.aiuniverse.xyz/wp-content/uploads/2023/04/b5-new-logo-2.png2_-2-1024x512.png" alt="" class="wp-image-16612 size-full" srcset="https://www.aiuniverse.xyz/wp-content/uploads/2023/04/b5-new-logo-2.png2_-2-1024x512.png 1024w, https://www.aiuniverse.xyz/wp-content/uploads/2023/04/b5-new-logo-2.png2_-2-300x150.png 300w, https://www.aiuniverse.xyz/wp-content/uploads/2023/04/b5-new-logo-2.png2_-2-768x384.png 768w, https://www.aiuniverse.xyz/wp-content/uploads/2023/04/b5-new-logo-2.png2_-2-1536x768.png 1536w, https://www.aiuniverse.xyz/wp-content/uploads/2023/04/b5-new-logo-2.png2_-2.png 2000w" sizes="(max-width: 1024px) 100vw, 1024px" /></figure><div class="wp-block-media-text__content">
<p>Bootstrap is a free, open-source and popular front-end web development framework that is designed to help developers quickly build responsive, mobile-first websites. It was developed by Twitter and is now an open-source project with a large community of contributors.</p>
</div></div>



<p>Bootstrap provides a collection of HTML, CSS, and JavaScript code that can be used to create user interfaces and responsive layouts. It includes a grid system that allows developers to easily create responsive layouts that adapt to different screen sizes, as well as pre-designed UI components such as buttons, forms, tables, and navigation menus.</p>



<h2 class="wp-block-heading">Bootstrap 5 new features?</h2>



<p>Bootstrap 5 is the latest version of the popular front-end web development framework, It was released in May 2021. </p>



<p>Some of the new features and improvements in bootstrap 5 are:-</p>



<ul class="wp-block-list">
<li><strong>Smaller file size:</strong> Bootstrap 5 is more lightweight than other version, with smaller CSS and JavaScript file sizes, which can improve website performance.</li>



<li><strong>New utility classes:</strong> New utility classes that provide more flexibility and customization options for developers. For example, there are new sizing classes for text and spacing, as well as new color and gradient classes.</li>



<li><strong>Simplified JavaScript:</strong> Simplified its JavaScript code, making it easier to understand and customize. It also includes new Vanilla JS plugins that replace jQuery plugins, reducing dependencies and improving performance.</li>



<li><strong>New components:</strong> Bootstrap 5 introduces new components, such as the accordion and the offcanvas, which can help developers create more interactive and dynamic user interfaces.</li>



<li><strong>Improved grid system:</strong> The grid system in Bootstrap 5 has been improved, with new column gap utilities and flexbox-based grid containers. This makes it easier to create responsive layouts and customize column widths.</li>



<li><strong>Improved accessibility:</strong> Bootstrap 5 has improved its accessibility features, with better support for screen readers, keyboard navigation, and focus management.</li>
</ul>
<p>The post <a href="https://www.aiuniverse.xyz/what-is-bootstraps/">What is Bootstraps?</a> appeared first on <a href="https://www.aiuniverse.xyz">Artificial Intelligence</a>.</p>
]]></content:encoded>
					
					<wfw:commentRss>https://www.aiuniverse.xyz/what-is-bootstraps/feed/</wfw:commentRss>
			<slash:comments>0</slash:comments>
		
		
			</item>
		<item>
		<title>How to Create Bootstrap 4 Accordion with Arrow Up &#038; Down in Laravel PHP  framework</title>
		<link>https://www.aiuniverse.xyz/how-to-create-bootstrap-4-accordion-with-arrow-up-down-in-laravel-php-framework/</link>
					<comments>https://www.aiuniverse.xyz/how-to-create-bootstrap-4-accordion-with-arrow-up-down-in-laravel-php-framework/#respond</comments>
		
		<dc:creator><![CDATA[dharmendra]]></dc:creator>
		<pubDate>Fri, 23 Jul 2021 12:55:08 +0000</pubDate>
				<category><![CDATA[bootstrap]]></category>
		<category><![CDATA[Accordion]]></category>
		<category><![CDATA[Bootstrap]]></category>
		<category><![CDATA[css]]></category>
		<category><![CDATA[framework]]></category>
		<category><![CDATA[JavaScript]]></category>
		<category><![CDATA[Laravel]]></category>
		<category><![CDATA[PHP]]></category>
		<guid isPermaLink="false">https://www.aiuniverse.xyz/?p=15139</guid>

					<description><![CDATA[<p>1. First of load Bootstrap framework and jQuery (JavaScript library) into your HTML document. 2. After that, also include Accordion‘s CSS and JavaScript file into your web page/app/ blade file. 3. Now, <a class="read-more-link" href="https://www.aiuniverse.xyz/how-to-create-bootstrap-4-accordion-with-arrow-up-down-in-laravel-php-framework/">Read More</a></p>
<p>The post <a href="https://www.aiuniverse.xyz/how-to-create-bootstrap-4-accordion-with-arrow-up-down-in-laravel-php-framework/">How to Create Bootstrap 4 Accordion with Arrow Up &#038; Down in Laravel PHP  framework</a> appeared first on <a href="https://www.aiuniverse.xyz">Artificial Intelligence</a>.</p>
]]></description>
										<content:encoded><![CDATA[
<p>1. First of load <strong>Bootstrap</strong> framework and <strong>jQuery</strong> (JavaScript library) into your HTML document.</p>



<script src="https://gist.github.com/dharmu9898/fcc5ce18a9373df4105765e211fae1e1.js"></script>



<p>2. After that, also include <code>Accordion</code>‘s CSS and JavaScript file into your web page/app/ blade file.</p>



<script src="https://gist.github.com/dharmu9898/f52fd5d48d3b11330be725b4f570185d.js"></script>



<p>3. Now, create HTML structure (like below) for your accordion and add your contents in it.</p>



<script src="https://gist.github.com/dharmu9898/ecdf5e717046738b42830f39a148c491.js"></script>



<p>Now is Accordion with Arrow Up &amp; Down is Run </p>



<figure class="wp-block-image size-large"><img decoding="async" width="1024" height="420" src="https://www.aiuniverse.xyz/wp-content/uploads/2021/07/Capture-2-1024x420.jpg" alt="" class="wp-image-15140" srcset="https://www.aiuniverse.xyz/wp-content/uploads/2021/07/Capture-2-1024x420.jpg 1024w, https://www.aiuniverse.xyz/wp-content/uploads/2021/07/Capture-2-300x123.jpg 300w, https://www.aiuniverse.xyz/wp-content/uploads/2021/07/Capture-2-768x315.jpg 768w, https://www.aiuniverse.xyz/wp-content/uploads/2021/07/Capture-2.jpg 1245w" sizes="(max-width: 1024px) 100vw, 1024px" /></figure>
<p>The post <a href="https://www.aiuniverse.xyz/how-to-create-bootstrap-4-accordion-with-arrow-up-down-in-laravel-php-framework/">How to Create Bootstrap 4 Accordion with Arrow Up &#038; Down in Laravel PHP  framework</a> appeared first on <a href="https://www.aiuniverse.xyz">Artificial Intelligence</a>.</p>
]]></content:encoded>
					
					<wfw:commentRss>https://www.aiuniverse.xyz/how-to-create-bootstrap-4-accordion-with-arrow-up-down-in-laravel-php-framework/feed/</wfw:commentRss>
			<slash:comments>0</slash:comments>
		
		
			</item>
	</channel>
</rss>
