Q: To enable slideshow, what we should not be included?
Solution: To construct HTML for slideshow simply wrap the content or the images within unordered list element with data-orbit. For enabling slideshow we will need to include jquery.js, foundation.js, foundation.orbit.js or zepto.js within HTML.
Q: Which tag is used to let control over the viewport?
Solution: HTML5 introduced a method to let web designers take control over the viewport by using tag. We should include viewport element in all the web pages. viewport element gives the browser instructions on how to control page’s dimensions and scaling.
Q: What should be the set value of the background-size property such that image will fit in the content area?
Solution: If the background-size property is set to “contain”, the background image will scale and will try to fit in the content area. Still, the image will keep its aspect ratio i.e. the proportional relationship between the image’s width and height.
Q: What should be the set value of background-size property such that image will stretch to cover entire content area?
Solution: If background-size property is set to “100%100% “ the background image will stretch to cover the entire content area. E.g. div { width: 100%; height: 300px; background-image: url(‘img_khj.jpg’); }Q: What should be the set value of background-size property such that image will cover the entire content area?
Solution: If background-size property is set to “cover”, background image will scale to cover entire content area. “cover” value keeps the aspect ratio and some part of background image may be clipped. E.g. div {width: 100%; height: 390px; background-image: url(‘img_tyu.jpg’); background-size: cover;}Q: Bootstrap does not use _________
Solution: Bootstrap is a popular framework. It uses HTML, CSS and jQuery to make responsive web pages. Bootstrap helps us to develop sites that look nice at any size i.e. screen. Tablet, laptop or phone.
Q: Which plugin allows the element to become locked or sticky?
Solution: .alert simply creates an alert message. Affix plugin allows an element to become affixed i.e. sticky or locked to an area on the page. It toggles position:fixed on and off, .alert-link is used on links inside alerts to add matching colored links.
Q: Which of the following will display red alert box?
Solution: .alert-danger displays red alert box. It indicates a dangerous or potentially negative action, .alert simply creates an alert message, .alert-info displays a light-blue alert box which indicates some information, .alert-link used on links inside alerts to add matching colored links.
Q: Which of the following indicates blue background color representing something important?
Solution: .bg-primary adds blue background color to an element. It represents something important. .bg-danger adds red background color to an element representing danger or a negative action, .bg-info adds light-blue color to an element representing some information. A successful or positive action is given by .bg-success.
Q: Which of the following indicates current page’s location within the navigational hierarchy?
Solution: breadcrumb is a pagination. It indicates the current page’s location within a navigational hierarchy, .btn creates a basic button i.e. gray background and rounded corners, .bg-warnong adds the yellow background color to an element.
| You Have Score | /10 |