Shulou(Shulou.com)06/01 Report--

Most people do not understand the knowledge points of this article "what are the test questions often met by Bootstrap", so the editor summarizes the following contents to you, with detailed content, clear steps, and certain reference value. I hope you can gain something after reading this article. Let's take a look at this article "what are the test questions we often see in Bootstrap?"

1. Why use bootstrap?

Bootstrap has the advantages of giving priority to mobile devices, good browser support, easy to use, responsive design and so on, so Bootstrap is widely used.

two。 In order to make the website developed by Bootstrap friendly to mobile devices and ensure proper rendering and touchscreen scaling, you need to add viewport meta tags to the head of the web page, and the width attribute controls the width of the device. Assuming that your site will be viewed by devices with different screen resolutions, setting it to device-width ensures that it is correctly rendered on different devices.

Initial-scale=1.0 ensures that when the web page loads, it is rendered at 1:1 without any scaling.

On mobile device browsers, you can disable its zooming feature by adding user-scalable=no to the viewport meta tag.

Typically, maximum-scale=1.0 is used with user-scalable=no. When zooming is disabled, users can only scroll the screen, which makes your site look more like a native application, so add the following code:

3. What is the class prefix set by Bootstrap for devices of all sizes?

Ultra-small device mobile phone (= 768px): .col-sm-

Desktop computer for medium equipment (> = 992px): .col-md-

Desktop computer for large equipment (> = 1200px): .col-lg-

4. How does Bootstrap set up responsive tables?

Add class= "table-responsive"

5. The basic steps for creating a vertical form using Bootstrap?

(1) add role= "form" to the parent element

(2) place labels and controls in one with class= "form-group", which is necessary to obtain the best spacing.

(3) add class= "form-control" to all text elements.

6. The basic steps of using Bootstrap to create a horizontal form?

(1) add class= "form-horizontal" to the parent element

(2) put labels and controls in a file with class= "form-group"

(3) add class= "control-label" to the tag.

7. How to create help text for form controls using Bootstrap?

Add the span tag or p tag of class= "help-block".

8. How to activate or disable buttons using Bootstrap?

Activate button: add .active class to the button

Disable button: add disabled= "disabled" property to the button

9. What does Bootstrap have about

Class?

(1). Img-rounded fillet the picture

(2). Img-circle turns the picture into a circle

(3). Img-thumbnail thumbnail function

(4). Img-responsive picture response (will be well extended to the parent element)

10. Class about element floating and clearing floating in Bootstrap.

(1) class= "pull-left" element floats to the left

(2) class= "pull-right" element floats to the right

(3) class= "clearfix" clears the float

11. The class of hidden elements on devices other than screen readers.

Class= "sr-only"

12. How does Bootstrap make a drop-down menu?

(1) wrap the drop-down menu in class= "dropdown"

(2) add: class= "btn dropdown-toggle" id= "dropdownMenu1" data-toggle= "dropdown" to the button that triggers the drop-down menu.

(3) add: class= "dropdown-menu" role= "menu" aria-labelledby= "dropdownMenu1" to the ul of the package drop-down menu.

(4) add: role= "presentation" to the list item of the drop-down menu. Among them, the title of the drop-down menu to add class= "dropdown-header", the options section to add tabindex= "- 1".

13. How does Bootstrap make button groups? And the priority of horizontal button group and vertical button group?

(1) use the unwrapping button group of class= "btn-group"; class= "btn-group-vertical" can set the vertical button group.

(2) priority of btn-group is higher than that of btn-group-vertical.

14. How does Bootstrap set the drop-down menu of the button?

Place buttons and drop-down menus in A. btn-group

15. How to make the input box group in Bootstrap?

(1) put the prefix or suffix elements in a class= "input-group"

(2) place additional content in the class= "input-group-addon"

(3) put in front of or behind an element.

16. What are the navigations in Bootstrap?

(1) Navigation elements: tab navigation with class= "nav nav-tabs" and capsule tab navigation with class= "nav nav-pills"

(2) Navigation bar: class= "navbar navbar-default" role= "navigation"

(3) Bread crumb navigation: class= "breadcrumb"

17. Set class for paging in Bootstrap.

Default pagination: class= "pagination"

Default page flipping: class= "pager"

18. The class that displays the label in Bootstrap?

Class= "label"

19. How to make badges in Bootstrap? 2620. What is the function of super-large screen in Bootstrap?

Set class= "jumbotron" to make a large screen, which can increase the size of the title and increase the margin.

The above is about the content of this article on "what are the test questions we often meet with Bootstrap". I believe we all have a certain understanding. I hope the content shared by the editor will be helpful to you. If you want to know more about the relevant knowledge, please pay attention to the industry information channel.

Welcome to subscribe "Shulou Technology Information " to get latest news, interesting things and hot topics in the IT industry, and controls the hottest and latest Internet news, technology news and IT industry trends.