9/5/23 - research for a mini cart - CSS and Bootstrap stuff.

Bootstrap 3 Basics - https://www.w3schools.com/bootstrap/default.asp

- need some meta tags for viewport
- .container (fixed width) and .container-fluid (full spanning)
- grid classes
	xs - for phone - screens less than 768px wide
	sm - for tablets - screens equal to or greater than 768px wide
	md - for small laptops - screens equal to or greater than 992px wide
	lg - for laptops and desktops - screens equal to or greater than 1200px wide
	
	for example: <div class="col-sm-4"></div>
- typography stuff and nested options
	- <h1> or .h1 - h1-h6 preset styles
	- <small> or .small - able to nest inside of things to get a smaller version
	- <mark> or .mark - able to highlight things. that is cool.
	- <abbr title="All Data Is Live And Searchable">Adilas</abbr> able to allow a rollover abbreviation
	- .blockquote and blockquote-reverse - callout quotes, if needed
	- description lists - i don't use these much - topics and data, topics and data
	- <code> - light highlight with red text - for example: <code>&lt;span&gt;</code>, <code>div</code>
	- <kbd> - keyboard inputs - for example: <kbd>ctrl + p</kbd>
	- <pre> - preset muliple lines - spaces, tabs, enters, etc. use &lt; and &gt; for code tags <>
	- <del> or <s> - strike through
	- contextual classes
		text colors - .text-muted, .text-primary, .text-success, .text-info, .text-warning, .text-danger
		background colors - .bg-primary, .bg-success, .bg-info, .bg-warning, .bg-danger
		- you can mix these if needed - text colors and background colors
			for example: <p class="bg-success text-success">This text indicates success.</p>
	- general typography classes
		- .small
		- .text-left
		- .text-center
		- .text-right
		- .text-justify
		- .text-nowrap
		- .text-lowercase
		- .text-uppercase
		- .text-capitalize
		- .list-inline - places all list items on a single line
		- tons of other typography classes - ref
			https://www.w3schools.com/bootstrap/bootstrap_ref_css_text.asp