Should I use Bootstrap or jQuery Mobile for mobile web wap

Solving the problem

Bootstrap is a CSS framework that solves the following problems:

The issue of responsive web page layout across devices. With the emergence of mobile phones, tablets, and screens of various resolutions, how can a set of front-ends be freely adapted to all devices?
Standardization issues of front-end layout and style for multi-person collaboration Common front-end CSS components, such as buttons, links, forms, tables, paging components, drop-down menus, navigation bars, icons, etc. Common JS front-end components (requires extended JS support), such as form validation, Tips, Popup, etc.

jQuery Mobile is a mobile front-end framework that includes js, html, and css. It provides a complete set of mobile front-end development components. It can be likened to an Android development framework. It provides all the functions of mobile apps as much as possible. The problems it solves are:

Components commonly used in mobile web apps, such as mobile navigation bars, tabs, bottom menus, lists, forms, and other components, are very different from the components provided by Bootstrap. jQuery Mobile provides components similar to mobile apps, which are only used for mobile web pages, while Bootstrap provides components for all devices and does not specifically consider mobile devices, which is different from the component experience of mobile apps.
Asynchronous data loading for transition effects between web pages

Function
The core of Bootstrap is mainly a CSS style framework. It implements responsive layout based on the Media Query function of CSS, which can help front-end developers to quickly layout, develop and collaborate on development. It must use a js framework similar to jQuery to implement Ajax data interaction.
The core of jQuery Mobile is a complete WebAPP framework. A lightweight jQuery is added to implement Dom operations. Based on jQuery, it provides a series of Widgets (view components) similar to mobile apps, provides a good set of page transition effects, and can interact with back-end data through Ajax.

Applicable scenarios
Bootstrap is usually used for: responsive layout development of the website, so that the website can be easily browsed on different devices; and the front-end CSS framework of the website backend management system.
jQuery Mobile is usually used for: WebAPPs that expect to have a similar experience to mobile apps. The project only runs on mobile phones and is not used for display on computer devices (although it can be displayed, the effect is not good).

Summarize
If you are making a cross-device responsive front-end, choose Boostrap; if you are only working on the mobile side and expect to get a WebAPP that is similar to an APP, use jQuery Mobile.
If you are making a product-level WebAPP, the current capabilities of jQuery Mobile may not satisfy you, and developing your own responsive layout framework and WebApp components is the inevitable path to take.

Recently we want to revise our mobile website and plan to use bootstrap for mobile development. However, according to feedback from many people on the Internet, boostrap is relatively large. It should be said that it is used when PC and mobile are integrated and adaptive. If you are just making a mobile site, there is no need to use such a bloated thing.