Question:- Explain what is Bootstrap?
Answer:- Bootstrap is a HTML, CSS, and JS framework for building the rich web applications with minimal effort. This framework emphasis more on building mobile web applications.
Question:- Explain why to choose Bootstrap for building the websites?
Answer:- There are few reason why we choose Bootstrap for building websites • Mobile Support: For mobile devices it provides full support in one single file rather than in separate file. It supports the responsive design including adjusting the CSS based on the different types of device, size of the screen etc. It reduces extra effort for developers. • Easy to learn: Writing application in bootstrap is easy if you know CSS and HTML • Browser Support: It supports all the popular browsers like Firefox, Opera, Safari, IE etc.
Question:- What are the key components of Bootstrap?
Answer:- The key components of Bootstrap are CSS : It comes with plenty of CSS files Scaffolding : It provides a basic structure with Grid system , link styles and background Layout Components : List of layout components JavaScript Plugins: It contains many jQuery and JavaScript plugins Customize: To get your own version of framework you can customize your components
Question:- Explain what are class loaders in Bootstrap?
Answer:- Class loader is a part of JRE (Java Runtime Environment) which loads Java classes into Java virtual environment. Class loaders also does the process of converting a named class into its equivalent binary form.
Question:- What are the types of layout available in Bootstrap?
Answer:- In Bootstrap there are two types of Layout available • Fluid Layout: Fluid layout is used when you want to create a app that is 100% wide and use up all the width of the screen • Fixed Layout: For a standard screen you will use fixed layout (940 px) option
Question:- Explain what is Bootstrap Grid System?
Answer:- For creating page layout through a series of rows and columns that house your content Bootstrap Grid Sytem is used.
Question:- For creating page layout through a series of rows and columns that house your content Bootstrap Grid Sytem is used.
Answer:- For more specialized layouts offsets are a useful feature. For more spacing they can be used by pushing column over. For example, .col-xs=* classes do not support offset but they are easily replicated using an empty cell
Question:- What is column ordering in Bootstrap?
Answer:- Column ordering is one of the feature available in bootstrap and you can easily write columns in an order and show them in another one. With .col-md-push-* and .col-md-pull-* the order of the column can be easily changed.
Question:- What function you can use to wrap a page content?
Answer:- To wrap a page content you can use .container and using that you can also center the content.
Question:- Explain what pagination in bootstrap is and how they are classified?
Answer:- Pagination is the handling of an unordered list by bootstrap. To handle pagination bootstrap provides following classes • .pagination: To get pagination on your page you have to add this class • .disabled, .active: Customize links by .disabled for unclickable links and .active to indicate the current page • .pagination-Ig, .pagination-sm: Use these classes to get different size item
Question:- What is the use of Jumbotron in Bootstrap?
Answer:- In bootstrap, Jumbotron is generally used for content that you want to highlight like some slogan or marketing headline etc. in other words it is used to enlarge the size of the headings and to add a margin for landing page content To use the Jumbotron in Bootstrap • Create a container
with the class of .jumbotron
Question:- What is the difference between Bootstrap and Foundation?
Answer:- – Bootstrap offers unlimited number of UI elements – Bootstraps uses pixels – Bootstrap encourages to design for both desktop and mobile. – Bootstrap support LESS as its preprocessor – In Foundation UI element options are very limited in numbers – Foundation use REMs – Foundation encourages to design mobile first – Foundation support Sass and Compass as its preprocessor
Question:- In Bootstrap what are the two ways you can display the code?
Answer:- In bootstrap you can display code in two ways • code tag : If you are going to display code inline, you should use code tag • pre tag: If you want to display the code as a standalone block element or it has multiple lines then you should use pre tag
Question:- Explain what are the steps for creating basic or vertical forms?
Answer:- The steps for creating basic or vertical forms are • Add a role form to the parent form element • Wrap labels and controls in a div with class .form-group. To achieve optimum spacing this is needed • Add a class of .form-control to all texturl input , textarea , and select elements