Explore topic-wise InterviewSolutions in .

The CORRECT option is (d) aside

Best EXPLANATION:

Right choice is (c) .active

To EXPLAIN I would say: .active makes the button appear pressed, .DISABLED makes button disabled, .btn-LINK makes the button look LIKE a link, .btn-block makes a block-level button, spans the full width of the parent ELEMENT.

The correct option is (c) .collapse.in

The best explanation: .collapse.in shows collapsible content by default, .PANEL-collapse shows collapsible panel, TOGGLE between hiding and showing panel, .collapse INDICATES collapsible content which can be hidden or SHOWN on demand. .dropdown-header CLASS add header inside dropdown menu.

Correct OPTION is (C) .container-fluid

The best explanation: .containerfluid is a container that spans the FULL width of the SCREEN, .container is a fixed width container with widths determined by screen sites, .control-labels allows a label to be used for form validation.

The correct option is (b) .alert-danger

The best I can explain: .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.

The correct option is (b) output_style

Explanation: The output PATH in COMPILED CSS is given by relative_assets. The output_style property specifies compiled CSS output. The accepted VALUES for this property are :nested, :expanded, :compressed or :compact. line_comments specifies WHETHER compass should generate line number where style sheets rule are DEFINED. sass_dir gives folder name for the sass or SCSS style sheet to be stored.

Right ANSWER is (d) 12

Explanation: BOOTSTRAP uses 12 columns of the grid SYSTEM. EVERY column is defined with classes RANGING from span1 to span12. After adding several columns, the sum of our span classes should be equal to 12. Columns should be wrapped within

Correct choice is (c)

To explain I would say: is an obsolete HTML element. It puts a text field in a page for querying the document. element exists to facilitate generation of key material and submission of PUBLIC key as part of HTML form. It is designed to use with web-based certificate management systems. It includes all the global attributes like autofocus, challenge etc. The rendering of text between START tag and end tag is DONE by

Right choice is (b)

Best explanation: embeds java applet in web document. is obsolete HTML element. It SETS DEFAULT font face, size, and color for other elements which are descended from its parent element. Instead of using this element we can use font, font-size, font-family and color to change font CONFIGURATION for an element. element which has been REMOVED from HTML5 indicates sequence of characters. element INCREASE the font size.

The correct choice is (d)

The best I can explain: element defines REGION on image.element is used to insert image in DOCUMENT. element is used as a child of media elements

Correct option is (a)

The explanation: Inline are used to define the meaning or style of text. is HTML Sample Element. It is used to enclose inline text which represents sample output from a computer program. Its content is typically rendered using browser’s default MONO spaced FONT. makes text SIZE small in APPEARANCE. element specifies things which are no longer right. is a Ruby Text CONTAINER.

Correct option is (b) FILLOPACITY

Best EXPLANATION: The properties supported by POLYGON are strokeColor, strokeWeight, editable, fillOpacity, fillColor, path, strokeCapacity. The hexadecimal COLOR for the area within an ENCLOSED region is specified by fillColor, the opacity to fill color is specified by fillOpacity.

The correct answer is (d) Fillcolor

To EXPLAIN I WOULD say: Polyline supports VARIOUS properties like strokeColor, strokeWeight, editable, STROKEOPACITY, path. The SEVERAL longitude or latitude coordinates for a line is specified by path. An opacity of the line is specified by strokeOpacity.

The correct choice is (a) Marker

The explanation is: Marker specifies the single locations on the map. It can also display CUSTOM ICON images. A series of straight lines on a map can be SPECIFIED by POLYLINE. A series of a straight line with the “closed” shape is DEFINED by Polygon.

The correct option is (a) readonly

Explanation: A button is disabled by .disabled CLASS. We can ADD readonly ATTRIBUTE to an input to prevent user input. .sr-only class is applied on non-visible labels, disabled attribute is added to disabled an input FIELD.

The correct answer is (b) .ALERT-dismissible

Easy EXPLANATION: .alert-dismissible indicates a closable alert box, together with .close class, this class is used to close the alert, adds EXTRA padding, .alert-danger creates the red alert, indicates dangerous or POTENTIALLY NEGATIVE action. .alert-link is used on links inside alerts to give matching coloured links. .alert-success displays a green alert.

The correct option is (d) .btn-group

Easiest explanation: .btn-group groups buttons together on a SINGLE line, .btn-group-lg is for large button group, it makes all button group larger-increased font-size and PADDING, .button-group-justified makes a group of buttons SPAN the ENTIRE WIDTH of the screen.

Correct choice is (a) .PREVIOUS

To elaborate: .previous class is used to align pager buttons to the left side of the page, .prev is used in carousels to INDICATE a “previous” link, .pre-scrollable MAKES a

 ELEMENT scrollable, .popover shows popup-box that appears when a user clicks on an element.

Correct ANSWER is (a)

element for lists including lists of files. Size, color or face for the content is defined by element. Those commands that user can INVOKE are represented by . is an obsolete PART of web components and is inside shadow DOM.

Right option is (d) opaque()

The explanation is: LESS provides few FUNCTIONS for adjusting colors. Some of the functions are DARKEN(@color, n%), lighten(@color, n%), FADE(@color, n%). Lighten makes the color lighter than its initial value, fade lowers the color density, darken makes the color darker than its initial value.

Right answer is (b)

EASIEST EXPLANATION: represent item contained in ELEMENT. element in HTML represents either a scalar VALUE within a known range or a factorial value. It INCLUDES global attributes like min, max, value, optimum, low, high, form etc. specifies a caption for item in user interface. element is used to take user input from user.

The correct answer is (a)

Right answer is (c)

The best explanation: TITLE of WORK is defined by tag.
is used to give a vertical break in TEXT/paragraph. The element displays its contents styles in a fashion intended to INDICATE that text is a SHORT fragment of computer code. element is known as HTML Bring Attention To element. It is used to draw reader’s attention to the element’s contents, which are not granted special importance otherwise. Formally this was known as Boldface element.

The correct choice is (a) MAPOPTIONS

For explanation I would SAY: The variable mapOptions defines the properties of the map. Where to center the map is defined by center property, it USES longitude and latitude properties. To SPECIFY the ZOOM level for the map we use zoom property.

The correct OPTION is (c) .tooltip(“destroy”)

For explanation: .tooltip(“destroy”) HIDES and DESTROYS the tooltip, .tooltip(“hide”) hides the tooltip, .tooltip(options) ACTIVATES the tooltip with an option. .tooltip(“toggle”) TOGGLES the tooltip.

The correct answer is (b) 10

Easiest explanation: The DEFAULT value of offset is 10, it SPECIFIES NUMBER of pixels to offset from top when calculating the POSITION of scroll.

The correct answer is (d) .navbar-brand

Explanation: .navbar CREATES navigation bar. .navbar-brand added to link or header ELEMENT inside navbar to represent a LOGO or header, .navbar-btn VERTICALLY aligns button inside navbar, .nabar-default creates default navigation bar.

Correct option is (b) .carousel-inner

To ELABORATE: .carousel creates a slideshow. .carousel-inner is a CONTAINER for slide ITEMS. .carousel-inner adds slides to the carousel, .item SPECIFIES the content of each slide, .carousel-indicators adds indicators for the carousel, these are LITTLE dots at bottom of each slide which indicates how many slides are there in the carousel and the slide which the user is currently viewing.

The correct answer is (a) .ACTIVE

EXPLANATION: Explanation: .active indicates the current page, .disabled indicates unclickable link, .pagination-lg is USED with .pagination to provide LARGER pagination, .pagination-sm is used to provide smaller pagination.

The correct option is (C) .carousel-inner

Explanation: .carousel-inner is a CONTAINER for slide items, .carousel-caption creates a caption text for each slide in the carousel, .carousel-control is container for next and PREVIOUS links, .carousel-indicators adds LITTLE dots at the bottom of each slide.

Correct answer is (b) button

For explanation I would say: 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.

Correct OPTION is (c) .AFFIX

The explanation is: .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.

Correct option is (a) timing-function

Easiest EXPLANATION: The value of TRANSITION-function SPECIFIES transition acceleration. There are five predefined acceleration types that we can use. They are EASE-in, ease, ease-out, ease-in-out and linear. property value specifies name for CSS transition effect. The value of transition-duration specifies a length of the transition effect. The delay in transition effect is give by delay value.

Correct answer is (b) transition-duration

To elaborate: Property value specifies name for CSS transition effect. The value of transition-duration specifies a LENGTH of the transition effect. The value is specified in milliseconds (MS) and seconds (s). E.g. 190ms and 0.8s. The delay in transition effect is GIVE by delay value. SPEED curve of transition effect is provided by timing function.

Right answer is (d) Timeout

Easiest explanation: getCurrentPosition METHOD takes THREE ARGUMENTS successCallbaack, errorCallback, OPTIONS. A successCallback set to GetMap.showMap by MapSwitcher or to GeoMap.showPosition by GeolocationBox.

The CORRECT option is (a) name

To explain: name attribute assigns a name to the APPLET so that it can be identified by the other resources especially for some PARTICULAR scripts. Additional vertical space is specified by vspace attribute in pixels. Additional vertival space above or below applet is GIVEN by vspace attribute. Src attribute provides absolute URL for file or applet. Object attribute is URL REPRESENTATION of applet.

The correct answer is (a) currentPositionBtn

To explain I WOULD say: The GEOLOCATION HTML includes a currentPositionBtn which is used to move the map to the current position of the device, there are 3 inputs to let the user choose the geolocation options enableHighAccuracy, TIMEOUT, and maximumAge.

Right answer is (b)

For EXPLANATION I would say: In ruby, DEFINES explanation of characters. is Ruby FALLBACK Parenthesis element in HTML. It is used to provide fall-back parentheses for browsers that do not SUPPORT display of ruby annotations when using element is used for SHORT quotation.

Correct answer is (c) NPN_Status

Best EXPLANATION: NPN_Status is used to DISPLAY a message on the status line. It MAKES the user feel that the plug-in is a part of the browser user interface, plug-in can emulate browser BEHAVIOR by PROVIDING status line message.

The correct answer is (B)

The CORRECT option is (b) HYBRID

For explanation I would say: Satellite and hybrid type of map support 45 degree perspective imagery view for specified locations. The map will ADD a compass wheel around Pan control, it allows to rotate the image. There is a TOGGLE control to display 45 degree perspective view.

Right choice is (c) Eclipse

Easy explanation: The OBJECTS on the map that are bound to longitude/latitude coordinates are overlays. Google Maps has MANY types of overlays. Marker, Polygon, POLYLINE, CIRCLE, Rectangle, Info Windows, Custom overlays ETC.

The correct answer is (d) Climate map

The BEST EXPLANATION: Google map has a default control set namely PAN, Zoom, Street view, MapType, Rotate, Overview map, SCALE. A slider or “+/-” buttons for controlling zoom level of the map. For PANNING the map we use pan control.

Correct ANSWER is (b) .media

The BEST I can explain: .media aligns media objects like images or videos often used for COMMENTS in a blog POST, .media-body specifies the text that should appear NEXT to media object, .media-list creates nested media lists, .media-object indicates a media object.

Right answer is (a)

To elaborate: 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.

Right option is (d) .tooltip

Explanation: .tooltip is for the popup-box that appears when a user moves the mouse pointer over an ELEMENT, .thumbnail adds a border around an element often used for images or videos to make it look like a thumbnail. .WELL adds a rounded border around an element with gray background color and some PADDING. .VISIBLE-* is used to SHOW the content by device.