|.btn-lg||Makes a large button||Try it|
|.btn-sm||Makes a small button||Try it|
|.btn-xs||Makes an extra small button||Try it|
|.btn-block||Makes a block-level button (spans the full width of the parent element)||Try it|
Which of the following bootstrap style is used for a basic button group?
Bootstrap – Button Groups
|.btn-group||This class is used for a basic button group. Wrap a series of buttons with class .btn in .btn-group.|
|.btn-toolbar||This helps to combine sets of <div class = “btn-group”> into a <div class = “btn-toolbar”> for more complex components.|
Which of the following bootstrap styles are used to create a justified tabs navigation?
To center/justify the tabs and pills, use the . nav-justified class.
Which of the following bootstrap styles can be used to create progress bars with different styles?
To create a progress bar with different styles: Add a <div> with a class of . progress. Next, inside the above <div>, add an empty <div> with a class of . progress-bar and class progress-bar-* where * could be success, info, warning, danger.
Which of the following bootstrap style of image makes the entire image round by adding border radius 500px?
The following classes add style to the images:
|.img-rounded||It adds border-radius:6px to give the image rounded corners.|
|.img-circle||It makes the entire image round by adding border-radius:500px.|
|.img-thumbnail||It adds a bit of padding and a gray border.|
What is a button group?
Button groups ( javax. ButtonGroup ) are used in combination with radio buttons to ensure that only one radio button in a group of radio buttons is selected. … To visualize the grouping, JFormDesigner displays lines connecting the grouped buttons.
Which class should be used to indicate a button group?
Bootstrap button groups indicate that a set of buttons belongs to the same group contextually. Classes for styling button groups are Bootstrap btn classes.
Which of the following is correct about bootstrap?
Q 10 – Which of the following is correct about Bootstrap cross browser consistency? A – Bootstrap uses Normalize to establish cross browser consistency. B – Normalize. css is a modern, HTML5-ready alternative to CSS resets.
Which class is used to make a set of buttons appear vertically stacked rather than horizontally?
The btn-group-vertical class makes a set of buttons appear vertically stacked rather than horizontally.
Which bootstrap style of button deemphasize a button by making it look like a link while maintaining button behavior?
. btn-link − Deemphasize a button by making it look like a link while maintaining button behavior.
Which of the following is correct about bootstrap badges?
Q 13 – Which of the following is correct about Bootstrap badges? A – Badges are similar to labels; the primary difference is that the corners are more rounded. B – Badges are mainly used to highlight new or unread items.
What is correct about Jumbotron in bootstrap?
A jumbotron indicates a big box for calling extra attention to some special content or information. A jumbotron is displayed as a grey box with rounded corners. It also enlarges the font sizes of the text inside it. Tip: Inside a jumbotron you can put nearly any valid HTML, including other Bootstrap elements/classes.
Which of the following bootstrap style of button creates a default standard button?
|.btn||Adds basic styling to any button||Try it|
|.btn-default||Indicates a default/standard button||Try it|
|.btn-primary||Provides extra visual weight and identifies the primary action in a set of buttons||Try it|
|.btn-success||Indicates a successful or positive action||Try it|
Which important CSS properties does the class IMG thumbnail add?
Add an <a> tag with the class of . thumbnail around an image. This adds four pixels of padding and a gray border.
Which class shapes an image to a circle in bootstrap?
|.img-rounded||Adds rounded corners to an image (not available in IE8)||Try it|
|.img-circle||Shapes the image to a circle (not available in IE8)||Try it|
|.img-thumbnail||Shapes the image to a thumbnail||Try it|
|.img-responsive||Makes an image responsive (will scale nicely to the parent element)||Try it|
Which of the standard navigation tab is created in bootstrap?
With Bootstrap, a navigation bar can extend or collapse, depending on the screen size. A standard navigation bar is created with <nav class=”navbar navbar-default”> .