add content sources

bootstrap.md

@@ -0,0 +1,118 @@
+# Bootstrap used in starter
+
+NAV
+container px-5
+navbar 
+navbar-expand-lg 
+navbar-dark 
+navbar-brand
+navbar-toggler
+navbar-toggler
+nav-item
+nav-link 
+active
+
+data-bs-toggle="collapse"
+data-bs-target="#navbarSupportedContent"
+aria-controls="navbarSupportedContent" 
+aria-expanded="false" 
+aria-label="Toggle navigation"
+
+
+bg-dark
+
+
+
+PAGE CONTENT
+container px-4 px-lg-5
+
+HEADING ROW
+row 
+gx-4      gutter width  padding left and right  both *-left and *-right
+gx-lg-5 
+align-items-center 
+my-5
+col-lg-7  (add to 12 in a row)
+
+IMAGE
+img-fluid 
+rounded 
+mb-4 
+mb-lg-0
+col-lg-5  (add to 12 in a row)
+font-weight-light  (heading)
+btn 
+btn-primary  anchor tag styled as button
+
+CALL TO ACTION CARD
+card 
+text-white 
+bg-secondary 
+my-5 
+py-4 
+text-center
+
+card-body
+text-white 
+m-0
+
+CONTENT ROW
+
+row 
+gx-4 
+gx-lg-5
+
+COLUMN   Bootstrap Grid System uses Flexbox
+https://getbootstrap.com/docs/4.0/layout/grid/
+col-md-4 
+mb-5
+
+CARD
+card 
+h-100
+
+card-img-top  image
+
+card-body 
+p-4
+
+text-center
+fw-bolder
+
+card-footer p-4 pt-0 border-top-0 bg-transparent
+
+CALL TO ACTION CARD
+card 
+text-white 
+bg-secondary 
+my-5 
+py-4 
+text-center
+
+card-body
+text-white 
+m-0
+
+
+https://getbootstrap.com/docs/5.0/utilities/colors/
+
+BACKGROUND COLOR
+https://getbootstrap.com/docs/5.0/utilities/background/
+bg-xxx  color primary, secondary ...
+bg-xxx.bg-gradient
+
+THEME COLORS
+https://getbootstrap.com/docs/5.0/customize/color/
+
+
+FONT-SIZE
+https://getbootstrap.com/docs/5.0/utilities/text
+ font-size
+ font-weight
+
+ FONTS
+ https://fonts.google.com/
+
+
+ LINE-HEIGHT
+ TEXT-DECORRATION