https://getbootstrap.com/docs/4.3/components/navbar/
Category: bootstrap
https://getbootstrap.com/docs/4.0/components/modal/ Modal can be triggered in 2 ways data-toggle=”modal” data-target=”#exampleModalLive” in ‘button’ tag OR with javascript onclick=”$(‘#exampleModalLive2’).modal()”
https://getbootstrap.com/docs/4.0/components/card/
Bootstrap 4 Grid System Bootstrap’s grid system is built with flexbox and allows up to 12 columns across the page. If you do not want to use all 12 columns individually, you can group the columns together to create wider columns: Grid Classes The Bootstrap 4 grid system has five classes: .col- (extra small devices…
Other utilities, such as borders and colors, are also often used together with containers : Example Responsive Containers You can also use the .container-sm|md|lg|xl classes to create responsive containers. The max-width of the container will change on different screen sizes/viewports: Class Extra small<576px Small≥576px Medium≥768px Large≥992px Extra large≥1200px .container-sm 100% 540px 720px 960px 1140px .container-md…
‘rem’ stands for ‘root-element’ size Bootstrap 4 uses a default font-size of 16px, and its line-height is 1.5. The default font-family is “Helvetica Neue”, Helvetica, Arial, sans-serif. In addition, all <p> elements have margin-top: 0 and margin-bottom: 1rem (16px by default). Containers There are 2 types of Containers container : class provides a responsive fixed…
Good starting point is this tutorial in W3Schools First of all create a blank HTML document Dont Forget to make if mobile oriented by adding the following meta tag in head tag Easiest way is to begin with CDN Container Example