Webskitters Interview Questions, Process, and Tips

The current version of Bootstrap is 5.1.0.

• Bootstrap 5.1.0 is the latest version as of now.

• It was released on August 19, 2021.

• Bootstrap 5 is a popular front-end framework for building responsive websites.

• It provides a wide range of pre-built components and utilities for faster and easier web development.

• Some of the key features of Bootstrap 5 include a new grid system, updated form controls, and improved documentation.

The <b> tag is used to bold text, while the <strong> tag is used to emphasize text with stronger importance.

• The <b> tag is used for stylistic purposes, while the <strong> tag is used for semantic purposes.

• The <b> tag is purely presentational, while the <strong> tag has a stronger meaning in terms of importance.

• Screen readers may interpret <strong> text differently than <b>

An attribute of HTML can be displayed in multiple ways using inline styles, external CSS, and JavaScript.

• Using inline styles within the HTML tag itself, like <p style='color: red;'>

• Using external CSS by linking a stylesheet to the HTML document and defining styles for the attribute

• Using JavaScript to dynamically change the attribute based on user interactions or events

Flexbox is a one-dimensional layout model, while Grid is a two-dimensional layout model.

• Flexbox is best suited for arranging items in a single row or column.

• Grid is ideal for creating complex layouts with rows and columns.

• Flexbox provides flexibility in distributing space among items.

• Grid allows precise control over the placement and sizing of items.

• Flexbox is simpler and easier to understand, while Grid offers more ad

Cellspacing is the space between table cells, while cellpadding is the space inside the cell.

• Cellspacing is used to control the space between cells in a table.

• Cellpadding is used to control the space inside each cell in a table.

• Cellspacing is specified in the <table> tag, while cellpadding is specified in the <td> or <th> tags.

Setting display as grid will create a grid container for the selected element.

• The element will become a grid container

• Child elements can be placed in grid cells using grid-template-rows and grid-template-columns

• Grid properties like grid-gap, justify-items, align-items can be used to style the grid