Recently Updated Bootstrap Interview Questions Part – 3
Explain What Is Bootstrap Well?
Bootstrap well is a container
that makes the content to appear sunken or an inset effect on the page. In order to create a well, wrap the content that you would like to appear in the well with a
containing the class of .well.
Explain How You Can Create Nav Elements In Bootstrap?
Bootstrap offers various options for styling navigation elements all of them use the same markup and base class .nav.
To create Tabular Navigation or Tabs
Start with a basic unordered list with the base class of .nav
Then add class .nav-tabs
Explain What Is The Use Of Bootstrap Carousel Plugin?
The Carousel plugin is used to add a slider to your site. It is useful in condition where you want to display huge amount of contents within a small space on the web pages. Some of the standard carousel includes
carousel (options)
carousel (‘cycle’)
carousel (‘pause’)
carousel (‘number’)
carousel (‘prev’)
carousel (‘next’)
What Is Twitter Bootstrap?
Bootstrap is a sleek, intuitive, and powerful mobile first front-end framework for faster and easier web development. It uses HTML, CSS and Javascript.
What Does Bootstrap Package Includes?
Bootstrap package includes −
•Scaffolding −
Bootstrap provides a basic structure with Grid System, link styles, background. This is is covered in detail in the sectionBootstrap Basic Structure
•CSS −
Bootstrap comes with feature of global CSS settings, fundamental HTML elements styled and enhanced with extensible classes, and an advanced grid system. This is covered in detail in the section Bootstrap with CSS.
•Components −
Bootstrap contains over a dozen reusable components built to provide iconography, dropdowns, navigation, alerts, popovers, and much more. This is covered in detail in the section Layout Components.
•JavaScript Plugins −
Bootstrap contains over a dozen custom jQuery plugins. You can easily include them all, or one by one. This is covered in details in the section Bootstrap Plugins.
•Customize −
You can customize Bootstrap’s components, LESS variables, and jQuery plugins to get your very own version.
What Is Bootstrap Grid System?
Bootstrap includes a responsive, mobile first fluid grid system that appropriately scales up to 12 columns as the device or viewport size increases. It includes predefined classes for easy layout options, as well as powerful mixins for generating more semantic layouts.
What Are Offset Columns?
Offsets are a useful feature for more specialized layouts. They can be used to push columns over for more spacing, for example. The .col-xs = * classes don’t support offsets, but they are easily replicated by using an empty cell.
How Can You Order Columns In Bootstrap?
You can easily change the order of built-in grid columns with .col-md-push-* and .col-md-pull-* modifier classes where * range from 1 to 11.
How Do You Make Images Responsive?
Bootstrap 3 allows to make the images responsive by adding a class .img-responsive to the tag. This class applies max-width: 100%; and height: auto; to the image so that it scales nicely to the parent element.
Explain The Typography And Links In Bootstrap.
Bootstrap sets a basic global display (background), typography, and link styles −
Basic Global display − Sets background-color: #fff; on theelement.
Typography − Uses the @font-family-base, @font-size-base, and @line-height-base attributes as the typographic base
Link styles − Sets the global link color via attribute @link-color and apply link underlines only on :hover.
How Will You Create A Bootstrap Panel With Footer
You can add footers to panels, by wrapping buttons or secondary text in a
containing class .panel-footer.
What Contextual Classes Are Available To Style The Panels
Use contextual state classes such as, panel-primary, panel-success, panel-info, panel-warning, panel-danger, to make a panel more meaningful to a particular context.
Can You Put A Table Within Bootstrap Panel
Yes! To get a non-bordered table within a panel, use the class .table within the panel. Suppose there is a
containing .panel-body, we add an extra border to the top of the table for separation. If there is no
containing .panel-body, then the component moves from panel header to table without interruption.
Can You Put A Listgroup Within Bootstrap Panel
Yes! You can include list groups within any panel. Create a panel by adding class .panel to the
element. Also add class .panel-default to this element. Now within this panel include your list groups.
What Is Bootstrap Well?
A well is a container in that causes the content to appear sunken or an inset effect on the page. To create a well, simply wrap the content that you would like to appear in the well with a containing the class of .well.
What Is Scrollspy Plugin?
The Scrollspy (auto updating nav) plugin allows you to target sections of the page based on the scroll position. In its basic implementation, as you scroll, you can add .active classes to the navbar based on the scroll position.
What Is Bootstrap Page Header?
The page header is a nice little feature to add appropriate spacing around the headings on a page. This is particularly helpful on a web page where you may have several post titles and need a way to add distinction to each of them. To use a page header, wrap your heading in a
with a class of .page-header.