自举 3 和自举 4 的区别
原文:https://www . geeksforgeeks . org/bootstrap-3 和 bootstrap-4 的区别/
Bootstrap: Bootstrap 由 Mark Otto 和 Jacob Thorton 于 2011 年 8 月在 Twitter 上开发。这是一个开源框架，用于更快更容易地设计响应性网站。它是最流行的开源框架，包括 HTML、CSS 和 JavaScript。它可以使用任何服务器端技术(如 Java、PHP 等)创建网络应用程序，其响应设计允许任何平台(如平板电脑和移动设备)运行。
我们使用 Bootstrap 有很多原因，包括:
- Response design
- Browser support
- Mobile first style
- Yi Xue
不同版本的 Bootstrap:
- Version 2.0 supports responsive web page design.
- Version 3.0 supports mobile priority design.
- Version 4.0 introduces SASS and Flexbox support.
Bootstrap 3 与 Bootstrap 4 的区别:
T80】14px**响应式表**使用使用T200】否 项目类别。 应用 | **Basic off** | 自举 3 | 自举 4 | | **Grid system** | It is based on a four-tier grid system (xs, sm, md, lg). | Based on 5-tier grid system (xs, sm, md, lg, xl). | | **CSS file** | 较少的 | 厚颜无耻 | | **Button size** | . Btn-xs class is supported. | In which you are unique. Btn-sm and Btn-lg is available. | | **Horizontal** | . Row classes are not required when using grids in forms. | . Row classes are required when using grids in forms. | | **Inverse table** | No support. | In which we can add an inverse table. Table-inverse class. | | **Primary unit** | 像素 | Rem | | **font size** | 16px | | The response table class is added to the < div > element. | In bootstrap 4,. Use the element to add the response table class. | | **Concentration table** | It supports. Table-concentration. | It supports. Table sm | | **Responsive image** | Use. Img response class. | . Img- fluid grade. | | **Image alignment** | Use. Pull to the right. Pull left class. | Can be used. Pull to the right. Zola and various other classes. Text-left and right. Text center. | | **Structure** | For the application drop-down list, we use < ul > and < li > | Apply. We use < a > and for the drop-down items. | | **color** | Limited colors are available. It supports anti-navigation bars but does not support other classes. | There are many colors to choose from. Bg-dass or. Navbar lamp. Nav bar- the dark class. | | **redundant screen** | . No fluid type is required for the whole web. | 。大屏幕-全幅巨型 tron 的流体类。 | | **Label pill** | . Label pills are not available. | . Labels-Pills round corners. | | **pager** | 它使用下一个.或。以前的。 | In which we use. Pager-next or. Pager.-the old one. | | **Class** | Use. The bread crumbs are labeled with < ul >. | . The breadcrumbs are next to the < li > label. | | **Affleck** | be | no | | **Flexbox** | be | | T207] Turntable Project | It uses. Trojans-project classes. | | **dividing line** | Applicable. The divider class is < li > element. | . Drop-down the dividing line class to the < div > element. |版权属于：月萌API www.moonapi.com，转载请注明出处
