Learn Bootstrap

Bootstrap jumbotron

  • Why do we use Jumbotron in Bootstrap?
    Jumbotron is used for highlighting content in bootstrap. It could either be a slogan or probably a headline. It increases the heading size and gives a margin for the content of the landing page. To implement Jumbotron in a Bootstrap, you have to use: Create a container
    with the class of .jumbotron For example, use
    if you don’t want Jumbotron to reach the screen’s edge.
  • What are the two codes used for code display in Bootstrap?
    There are two simple ways to display code in Bootstrap: tag: This tag is used to display an inline code. 
     tag: If you have a code with several lines or even a block element, you can display it using this.
  • Explain the typography and links in Bootstrap.
    Bootstrap sets a basic global display (background), typography, and link styles. Basic Global display − It sets background-color: #fff; on the element. Typography − This uses the @font-family-base, @font-size-base, and @line-height-base attributes as the typographic base Link styles − It sets the global link color via attribute @link-color and applies link underlines only on :hover.
  • What is a progress bar in bootstrap?
    Progress bar is used with HTML tag style in HTML element using keyword. In bootstrap we use html5 with CSS classes that have special features in bootstrap, that is only made for the progress bar.
  • How do you make images responsive?
    Bootstrap 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
  • What are the steps for creating basic or vertical forms?
    The steps for creating basic or vertical forms include: Add a role form to the parent element Wrap labels and controls in a
    with class .form-group. This is required to achieve optimum spacing Add a class of .form-control to all texturl ,