Bootstrap Questions And Answers

81⟩ How to give a style to images in Bootstrap?

By using the Bootstrap classes we can easily style images like making images round, cornered, or circular, or we can give a thumbnail effect on images. We have the following classes for image shapes.

☛ Rounded Corners - The .img-rounded class used for adding rounded corners to an image.

☛ Circle - The .img-circle class used for shaping the image to a circle.

☛ Thumbnail - The .img-thumbnail class used for shaping the image to a thumbnail.

Is this answer helpful? 0 Yes | 0 No

Answer This Question

141 views

82⟩ Explain me what are bootstrap badges?

Badges are similar to labels; the primary difference is that the corners are more rounded. Badges are mainly used to highlight new or unread items. To use badges just add <span class = "badge"> to links, Bootstrap navs, and more.

Is this answer helpful? 0 Yes | 0 No

Answer This Question

151 views

83⟩ Do you know what is Normalize in Bootstrap?

Bootstrap uses Normalize to establish cross browser consistency.

Normalize.css is a modern, HTML5-ready alternative to CSS resets. It is a small CSS file that provides better cross-browser consistency in the default styling of HTML elements.

Is this answer helpful? 0 Yes | 0 No

Answer This Question

146 views

84⟩ Do you know what global styles are applied as a part of Bootstrap’s default typography?

Bootstrap sets the global default font-size to 14px, with a line-height of 1.428. The default font is changed to Helvetica and Arial with sans serif fallback. All these styles are applied to the <body> and all paragraphs, with the addition that <p> (paragraphs) receive a bottom margin of half their computed line-height, which is 10px by default.

Is this answer helpful? 0 Yes | 0 No

Answer This Question

153 views

85⟩ Do you know what is column ordering in Bootstrap?

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.

Is this answer helpful? 0 Yes | 0 No

Answer This Question

156 views

86⟩ Tell me what is column ordering and how it works?

In bootstrap columns are displayed in the order in which they are defined. Now If there is a requirement to change the ordering of columns then we can use column ordering classes defined in bootstrap. We have following 2 classes for column ordering;

.col-md-push- *

.col-md-pull- *

Here * represents the number of columns to be ordered.

Note: push and pull are relative. If you push a column towards right then you need to pull a column towards left in order to keep design consistent. In place of md we may also use sm, lg, xs depending the size of the screen for which you want to implement column ordering.

Is this answer helpful? 0 Yes | 0 No

Answer This Question

131 views

87⟩ Do you know how you can create Nav elements in Bootstrap?

Bootstrap offers various options for styling navigation elements all of them use the same markup and base class .nav.

To create Tabular Navigation or Tabs

Start with a basic unordered list with the base class of .nav

Then add class .nav-tabs

Is this answer helpful? 0 Yes | 0 No

Answer This Question

165 views

88⟩ Tell me which class is used for basic button group?

.btn-group class is used for a basic button group. Wrap a series of buttons with class .btn in .btn-group.

Is this answer helpful? 0 Yes | 0 No

Answer This Question

144 views

89⟩ Tell us what contextual classes are available to style the panels?

Use contextual state classes such as, panel-primary, panel-success, panel-info, panel-warning, panel-danger, to make a panel more meaningful to a particular context.

Is this answer helpful? 0 Yes | 0 No

Answer This Question

146 views

90⟩ What is difference between Fluid Layout and responsive Layout?

Fluid layout adapts itself to different browser window sizes, all the values used are calculated proportionally to the viewport size, so when resizing, all the columns are resized.

Responsive layout is able to adapt itself to different sizes as well. When resizing, the number of columns changes according to the available space.

Is this answer helpful? 0 Yes | 0 No

Answer This Question

149 views

91⟩ What are Bootstrap Responsive features?

By using Bootstrap we can easily create responsive designs for web pages. Bootstrap's responsive CSS makes our web pages appear more appropriately on different devices as it adjusts to phones, tablets, and desktops.

Is this answer helpful? 0 Yes | 0 No

Answer This Question

170 views

92⟩ What is Jumbotron?

Jumbotron is used for content that you want to highlight like some slogan OR marketing headline.

Is this answer helpful? 0 Yes | 0 No

Answer This Question

146 views

93⟩ Tell me can you put a table within bootstrap panel?

Yes! To get a non-bordered table within a panel, use the class .table within the panel. Suppose there is a <div> containing .panel-body, we add an extra border to the top of the table for separation. If there is no <div> containing .panel-body, then the component moves from panel header to table without interruption.

Is this answer helpful? 0 Yes | 0 No

Answer This Question

162 views

94⟩ Tell me how to create a navbar in bootstrap?

To create a default navbar −

☛ Add the classes .navbar, .navbar-default to the <nav> tag.

☛ Add role = "navigation" to the above element, to help with accessibility.

☛ Add a header class .navbar-header to the <div> element. Include an <a> element with class navbar-brand. This will give the text a slightly larger size.

☛ To add links to the navbar, simply add an unordered list with the classes of .nav, .navbar-nav.

Is this answer helpful? 0 Yes | 0 No

Answer This Question

194 views

95⟩ Tell me what is list group in Bootstrap and what is the use of it?

List groups are components to display both simple and complex element with custom content

For example, a simple list group is created using class .list-group to address the list, and class .list-group-item to address individual item.

Is this answer helpful? 0 Yes | 0 No

Answer This Question

180 views

96⟩ Tell me what function you can use to wrap a page content?

To wrap a page content you can use .container and using that you can also center the content.

Is this answer helpful? 0 Yes | 0 No

Answer This Question

126 views

97⟩ Tell me what are Bootstrap media queries?

Media Queries in Bootstrap allow you to move, show and hide content based on viewport size.

Is this answer helpful? 0 Yes | 0 No

Answer This Question

164 views

98⟩ Tell me how will you customize links of pagination?

You can customize links by using .disabled for unclickable links and .active to indicate the current page.

Is this answer helpful? 0 Yes | 0 No

Answer This Question

160 views

99⟩ Do you know who developed the Bootstrap?

Mark Otto and Jacob Thornton at Twitter

Is this answer helpful? 0 Yes | 0 No

Answer This Question

128 views

100⟩ What is Media Object?

Media objects in Bootstrap enables to put media object like image, video or audio

Is this answer helpful? 0 Yes | 0 No

Answer This Question

131 views

Bootstrap

Home Web Development Bootstrap

128 Bootstrap Questions And Answers

81⟩ How to give a style to images in Bootstrap?

82⟩ Explain me what are bootstrap badges?

83⟩ Do you know what is Normalize in Bootstrap?

84⟩ Do you know what global styles are applied as a part of Bootstrap’s default typography?

85⟩ Do you know what is column ordering in Bootstrap?

86⟩ Tell me what is column ordering and how it works?

87⟩ Do you know how you can create Nav elements in Bootstrap?

88⟩ Tell me which class is used for basic button group?

89⟩ Tell us what contextual classes are available to style the panels?

90⟩ What is difference between Fluid Layout and responsive Layout?

91⟩ What are Bootstrap Responsive features?

92⟩ What is Jumbotron?

93⟩ Tell me can you put a table within bootstrap panel?

94⟩ Tell me how to create a navbar in bootstrap?

95⟩ Tell me what is list group in Bootstrap and what is the use of it?

96⟩ Tell me what function you can use to wrap a page content?

97⟩ Tell me what are Bootstrap media queries?

98⟩ Tell me how will you customize links of pagination?

99⟩ Do you know who developed the Bootstrap?

100⟩ What is Media Object?

Quick Links:

Bootstrap

Home Web Development Bootstrap

128 Bootstrap Questions And Answers

81⟩ How to give a style to images in Bootstrap?

82⟩ Explain me what are bootstrap badges?

83⟩ Do you know what is Normalize in Bootstrap?

84⟩ Do you know what global styles are applied as a part of Bootstrap’s default typography?

85⟩ Do you know what is column ordering in Bootstrap?

86⟩ Tell me what is column ordering and how it works?

87⟩ Do you know how you can create Nav elements in Bootstrap?

88⟩ Tell me which class is used for basic button group?

89⟩ Tell us what contextual classes are available to style the panels?

90⟩ What is difference between Fluid Layout and responsive Layout?

91⟩ What are Bootstrap Responsive features?

92⟩ What is Jumbotron?

93⟩ Tell me can you put a table within bootstrap panel?

94⟩ Tell me how to create a navbar in bootstrap?

95⟩ Tell me what is list group in Bootstrap and what is the use of it?

96⟩ Tell me what function you can use to wrap a page content?

97⟩ Tell me what are Bootstrap media queries?

98⟩ Tell me how will you customize links of pagination?

99⟩ Do you know who developed the Bootstrap?

100⟩ What is Media Object?

BE THE FIRST TO KNOW

Quick Links: