Bootstrap as a Tool for Web Development and Graphic Optimization on Mobile Devices

Abstract

The advance of technology requires that people need publicity and administrative advice of their business through the Web. It is there where the role of the web developer appears since this topic must make use of the appropriate tools that enhance their work. The style pages have been facilitating the elaboration of web pages for some years now. However, programmers have not created any framework to optimize the size of the interfaces automatically. By doing so, navigation from any device without any anomaly. Currently, the massive use of mobile devices requires the optimization of the design of the graphic interfaces developed for computers to the resolution of mobile devices. One could say that this motivated the company Twitter in 2011 to create Bootstrap, a framework with the function of adjusting the resolution of websites that can be developed from a computer and then be displayed correctly in the different screen resolutions of mobile devices. This article tries to orient the evaluation of the Bootstrap tool for the reengineering of the web system "EducArte Comunidad" interacting with the following design languages: HTML5, CSS, and JQuery. Specifically, this research is carried out based on the observation in the development of computer applications under the multiplatform modality.

Evaluation of a Chatbot Powered by ChatGPT for the Preliminary Diagnosis of Dengue

“…Additionally, Bootstrap is used for presentation purposes. Bootstrap is a framework that ensures websites are designed to be responsive, allowing for optimal viewing on various screen resolutions, including mobile devices [27].…”

Automated Street Light Adjustment System on Campus with AI-Assisted Data Analytics

“…Then, the responsive web design was implemented to appropriately fit the web display on different screen sizes without creating all representations of interfaces for various devices and operating systems [ 26 ]. Bootstrap CSS framework was applied to this interface because of its mobile-first approach, all browsers support, and, especially, its responsive design [ 27 ].…”

Design, development, utility and usability testing of the EMPOWER-SUSTAIN Self-Management Mobile App© among primary care physicians and patients with metabolic syndrome

“… 35 , 36 Recent development in screen responsive mobile technologies could aid in developing web-based m-health intervention, which is adaptive, low-cost, readily available and sustainable. 37 – 42 An m-health app can educate patients through interactive visual information, as well as monitor and manage health conditions through in-built diaries, gamification and automatic reminders. 21 …”