In complex layouts, ScrollSpy's default offset can be adjusted using the '___' option.
- offset
- target
- threshold
- position
The correct option is offset. In complex layouts, you can adjust ScrollSpy's default offset by using the 'offset' option, allowing you to fine-tune when items are marked as active during scrolling.
For pagination alignment to the right, add the '___-right' class to the pagination container.
- pagination
- pager
- justify
- align
To align pagination to the right in Bootstrap, you can use the 'justify-content-end' class or the 'pagination justify-content-end' class combination. This will push the pagination items to the right side of the container.
What Bootstrap class is used to group form controls and labels for inline forms?
- 'form-horizontal'
- 'form-inline'
- 'form-group'
- 'inline-group'
The 'form-inline' class is used in Bootstrap to create inline forms, grouping form controls and labels horizontally. 'form-group' is used for vertical grouping in regular forms.
For responsive font sizes, Bootstrap uses the class 'fs-___'.
- lg
- responsive
- auto
- 5
In Bootstrap, the class 'fs-lg' is used for responsive font sizes. The 'lg' represents large, and it adjusts the font size based on the screen size.
How do you apply zebra-striping to a table in Bootstrap?
- .table-striped
- .table-zebra
- .table-stripe
- .table-hover
Zebra-striping is applied using the .table-striped class in Bootstrap. This class adds a light background color to odd rows, providing a striped appearance to the table. It enhances readability and visual appeal.
Describe the steps to create a custom loading animation in Bootstrap that activates while data is fetched from a server.
- loader, loading-animation, custom-loader, loader-animate
- loader, spinner, loading, spinner-animate
- custom-loader, loader-spin, spin, loader-animate
- spinner, loader, loading, loader-spin
To create a custom loading animation in Bootstrap for server data fetching, apply the 'spinner' class. This class, combined with 'loader' and 'loading,' ensures a visually appealing spinner animation during the data retrieval process.
For creating a collapsible content area, Bootstrap uses the ___ component.
- Collapse
- Accordion
- Modal
- Dropdown
Bootstrap's Collapse component is used to create a collapsible content area. It allows you to toggle the visibility of content with smooth animations. The Collapse component is commonly employed to create collapsible navigation bars or dropdown menus.
Q2. How would you address performance issues in a web application with heavy JavaScript usage?
- Minify and Bundle JavaScript
- Implement Server-Side Rendering (SSR)
- Optimize DOM Manipulation
- Use Asynchronous Loading
Minifying and bundling JavaScript files reduce their size, lowering the time it takes to download and execute them. This is crucial for improving the performance of web applications with heavy JavaScript usage, enhancing user experience.
The 'input-___' class in Bootstrap is used to create larger or smaller form controls.
- control-lg
- size-lg
- form-control-lg
- input-size-lg
In Bootstrap, the 'form-control-lg' class is used to create larger form controls. It is applied to the 'input' element to increase its size for better visibility and user interaction.
The '___' class in Bootstrap is used to ensure the columns are evenly spaced.
- .col
- .container
- .row
- .spacing
In Bootstrap, the 'row' class is used to group columns horizontally and ensures that they are evenly spaced. It creates a new row for the columns, and the columns within a row automatically adjust to maintain equal spacing.