Learn Bootstrap

Bootstap collapsing

  • 1) What is Bootstrap collapsing elements?
    Bootstrap collapsing elements enable you to collapse any particular element without writing any JavaScript code or the accordion markup. To apply collapsing elements in bootstrap, you need to add data-toggle= “collapse” to the controller element along with a data-target or href to automatically assign control of a collapsible element. Also, you can use .collapse (options), .collapse (‘show’) or .collapse (‘hide’) for the same.
  • 2) Explain types of lists supported by Bootstrap.
    Bootstrap supports three types of lists such as: Ordered lists − An ordered list is a list that falls in some sort of sequential order and is prefaced by numbers. Unordered lists − An unordered list is a list that doesn’t have any particular order and is traditionally styled with bullets. If you do not want the bullets to appear then you can remove the styling by using the class .list-unstyled. Definition lists − In this type of list, each list item can consist of both the
    and the
    elements.
    stands for definition term. Subsequently, the
    is the definition of the
    .
  • 3) What is media object in Bootstrap and what are their types?
    Media objects in Bootstrap help you to put media object like image, video or audio to the left or right of the content blocks. Media element can be created using the class .media and the source is specified in using the class .media-object. Media-objects are of two types. The two types of media object are: .media .media-list
  • 4) How can you create Nav elements in Bootstrap?
    Bootstrap offers various options for styling navigation elements. All of these use the same markup and base class .nav. You need to perform the following steps to create Tabular Navigation or Tabs: Start with a basic unordered list with the base class of .nav Add class .nav-tabs
  • 5) What are glyphicons? How to use them?
    Glyphicons are icon fonts which can be used in your web projects. Glyphicons Halflings are not free and require licensing. However, their creator has made them available for Bootstrap projects without any cost. To use the icons, you just have to use the following code just about anywhere in your code. Leave a space between the icon and text for proper padding.
  • 6) What do you mean by Bootstrap well?
    Bootstrap well is nothing but a container that makes the content appear sunken. Sometimes it may also give an inset effect on the webpage. Thus, a developer can create a well and also wrap the content in the well with the help of
    and class .well. The content would appear as per your wish.
  • 7) What are the input groups in Bootstrap?
    Input groups are extended Form Controls. You can easily prepend and append text or buttons to the text-based inputs with the help of input groups. Also, you can add common elements to the user’s input. For example, you can add the dollar symbol, the @ for a Twitter username, or anything else that might be common for your application interface. To prepend or append elements to a .form-control you need to do the following: Wrap it in a
    with class .input-group In the next step, place your extra content inside a with class .input-group-addon. Now place this either before or after the element.

Overview

What you will learn?

The bootstrap framework consists of HTML and CSS-based templates covering forms, buttons, navigation, and typography, and has played a major part in the design principles of the current wave of cutting-edge websites. Bootstrap Framework allows web designer, web developers & individuals (who are interested in web development or design) to create their websites that automatically reflect each user’s screen resolution, different device size with the responsive web design techniques. This course will help in creating responsive sites using CSS3, HTML5, jQuery, and JavaScript. Our Bootstrap training course is aimed @ web developers, web designer, Front-end developers, full-stack developers who want to be able to rapidly create and deploy responsive, engaging and beautifully laid out websites and web applications using the Bootstrap framework.

What are the requirements?

  • Knowledge of HTML, CSS & JS
  • Mac or PC with internet connection
  • Text editor and web browser
  • HTML 5
  • CSS 3

What I am going to get from this course

  • Obtaining and Using Bootstrap
  • Responsive design of website
  • Grid System
  • CSS Techniques with Bootstrap
  • Typography
  • Tables
  • Forms
  • Navbars
  • UI Techniques
  • Bootstrap modal, tooltips etc

Target Audience

  • Web Designers
  • Web Developers
  • Programmers
  • Web Development Students
  • Print Designers Learning Web
  • HTML Coders
  • PHP Developers
  • Creatives
  • Mobile Developers

Contact Us

+1-800-543-5571

Request more information

lesson loader