Freecodecamp Study Notes-1

1.

2. Bootstrap Jumbotron Properties

Super large screen (Jumbotron). As the name implies, the component can increase the size of the caption and add more margin (margin) to the landing page content. The steps for using the oversized screen (Jumbotron) are as follows:

• Create a class . Jumbotron. <div> of containers.
• In addition to the larger font-weight is reduced to 200px.
  
  

3. Bootstrap Container Properties

Container: Use the. Container to wrap the content on the page to achieve center alignment. The max-width is set for container within different media queries or value ranges to match the raster system.

4. Bootstrap thumbnail Properties

Bootstrap provides an easy way to do this with thumbnails. To create a thumbnail using Bootstrap, follow these steps:

• Add a <a> tag with class . Thumbnail around the image.
• This adds a four-pixel padding (padding) and a gray border.
• When the mouse hovers over the image, it animates the outline of the image.

5, Bootstrap. Col Property

. col-xs-Ultra Small Screen phone (<768px)
. col-sm-Small Screen tablet (≥768px)
. col-md-Medium-screen desktop display (≥992px)
. col-lg-Large-screen large desktop display (≥1200px)

Freecodecamp Study Notes-1