Home Web Front-end Bootstrap Tutorial What are the reasons not to use bootstrap?

What are the reasons not to use bootstrap?

Jan 19, 2021 am 10:58 AM
bootstrap

Reasons for not using bootstrap: 1. Bootstrap does not perform well in terms of scalability, reusability and maintainability, which greatly increases the workload and difficulty of website developers; 2. It is not easy to integrate and use. It is easy to conflict with existing settings; 3. The file is too large and has too much useless content, which can easily cause the website to load slowly.

What are the reasons not to use bootstrap?

The operating environment of this tutorial: windows7 system, bootstrap3 version, Dell G3 computer.

Reason for not using bootstrap:

1. Bootstrap is not the optimal design and does not follow best practices

Usually, the simpler the front-end code of a web page, the better the loading speed and search engine friendliness of the website will be. But when we use Bootstrap to build front-end code, we must use the DOM elements defined by Bootstrap, which is fatal for concisenessists, and Bootstrap does not perform well in terms of scalability, reusability and maintainability, which greatly increases the The workload and difficulty of a website developer's work.

One of my main problems with Twitter Bootstrap is that I end up with a bunch of DOM elements filled with classes. This breaks one of the basic rules of good web design, HTML is no longer separate from semantics and presentation from content. People with front-end mysophobia will find it quite irritating, because it is a challenge to scalability, reusability and maintenance. Twitter Bootstrap also exacerbates the problem of progressive enhancement where presentation and interaction are no longer independent of content.

What are the reasons not to use bootstrap?

Uh...there are so many unnecessary classes!

2. Bootstrap is not easy to integrate and use, and it will conflict with my existing settings

If you are airdropped into a large project that is half done, want to What about using Twitter Bootstrappy to enjoy all its benefits? Worse, you'll run into a host of problems, starting with generating HTML, CSS, and JavaScript. Then there are their resources, and you have to dig into those dark corners of the project and figure out which scripts and styles need to be removed or replaced. Twitter Bootstrap will potentially create extra work, and as you get deeper into the project you will inevitably find and fix the odd bug, and the reasons you justify yourself will defeat the purpose of using it in the first place.

3. Bootstrap is too big and has too much useless content

Frankly speaking, Twitter Bootstrap includes 126kb of CSS and 29kb of JavaScript. If you want to use all the features of Twitter Bootstap, you should carefully consider the load time of resources. Of course, for some places this might not be a problem, but in New Zealand the internet has to go across the Pacific and the data will be slow to get there. So consider your target market. Twitter Bootstrap will help you build an attractive, responsive website, but some mobile users will be turned off by slow loading times and battery-hogging scripts.

4. "Halo! My new website looks just like everyone else's!" - Bootstrap is too popular

Twitter Bootstrap is super popular, so almost every Every developer will use it. While it's certainly possible to customize your app or website design later, you may find that time constraints force you to stick with a lot of vanilla Bootstrap style. This can lead to unintentionally creating a lot of similar, generic and memorable websites. Because it’s so quick and easy to use Twitter Bootstrap out-of-the-box, innovation is often discarded as a result. When you have tight time constraints, distinctive and innovative designs are difficult to achieve in the structured environment of Bootstrap.

Related recommendations: "bootstrap tutorial"

The above is the detailed content of What are the reasons not to use bootstrap?. For more information, please follow other related articles on the PHP Chinese website!

Statement of this Website
The content of this article is voluntarily contributed by netizens, and the copyright belongs to the original author. This site does not assume corresponding legal responsibility. If you find any content suspected of plagiarism or infringement, please contact admin@php.cn

Hot AI Tools

Undresser.AI Undress

Undresser.AI Undress

AI-powered app for creating realistic nude photos

AI Clothes Remover

AI Clothes Remover

Online AI tool for removing clothes from photos.

Undress AI Tool

Undress AI Tool

Undress images for free

Clothoff.io

Clothoff.io

AI clothes remover

AI Hentai Generator

AI Hentai Generator

Generate AI Hentai for free.

Hot Article

R.E.P.O. Energy Crystals Explained and What They Do (Yellow Crystal)
2 weeks ago By 尊渡假赌尊渡假赌尊渡假赌
Hello Kitty Island Adventure: How To Get Giant Seeds
1 months ago By 尊渡假赌尊渡假赌尊渡假赌
Two Point Museum: All Exhibits And Where To Find Them
1 months ago By 尊渡假赌尊渡假赌尊渡假赌

Hot Tools

Notepad++7.3.1

Notepad++7.3.1

Easy-to-use and free code editor

SublimeText3 Chinese version

SublimeText3 Chinese version

Chinese version, very easy to use

Zend Studio 13.0.1

Zend Studio 13.0.1

Powerful PHP integrated development environment

Dreamweaver CS6

Dreamweaver CS6

Visual web development tools

SublimeText3 Mac version

SublimeText3 Mac version

God-level code editing software (SublimeText3)

How to introduce bootstrap into Eclipse How to introduce bootstrap into Eclipse Apr 05, 2024 am 02:30 AM

Introduce Bootstrap in Eclipse in five steps: Download the Bootstrap file and unzip it. Import the Bootstrap folder into the project. Add Bootstrap dependency. Load Bootstrap CSS and JS in HTML files. Start using Bootstrap to enhance your user interface.

How to read the bootstrap mediation effect test results in stata How to read the bootstrap mediation effect test results in stata Apr 05, 2024 am 01:48 AM

Interpretation steps of Bootstrap mediation effect test in Stata: Check the sign of the coefficient: Determine the positive or negative direction of the mediation effect. Test p value: less than 0.05 indicates that the mediating effect is significant. Check the confidence interval: not containing zero indicates that the mediation effect is significant. Comparing the median p-value: less than 0.05 further supports the significance of the mediation effect.

750,000 rounds of one-on-one battle between large models, GPT-4 won the championship, and Llama 3 ranked fifth 750,000 rounds of one-on-one battle between large models, GPT-4 won the championship, and Llama 3 ranked fifth Apr 23, 2024 pm 03:28 PM

Regarding Llama3, new test results have been released - the large model evaluation community LMSYS released a large model ranking list. Llama3 ranked fifth, and tied for first place with GPT-4 in the English category. The picture is different from other benchmarks. This list is based on one-on-one battles between models, and the evaluators from all over the network make their own propositions and scores. In the end, Llama3 ranked fifth on the list, followed by three different versions of GPT-4 and Claude3 Super Cup Opus. In the English single list, Llama3 overtook Claude and tied with GPT-4. Regarding this result, Meta’s chief scientist LeCun was very happy and forwarded the tweet and

How to introduce idea into bootstrap How to introduce idea into bootstrap Apr 05, 2024 am 02:33 AM

Steps to introduce Bootstrap in IntelliJ IDEA: Create a new project and select "Web Application". Add "Bootstrap" Maven dependency. Create an HTML file and add Bootstrap references. Replace with the actual path to the Bootstrap CSS file. Run the HTML file to use Bootstrap styles. Tip: Use a CDN to import Bootstrap or customize HTML file templates.

How to use bootstrap to test mediation effects How to use bootstrap to test mediation effects Apr 05, 2024 am 03:57 AM

The Bootstrap test uses resampling technology to evaluate the reliability of the statistical test and is used to prove the significance of the mediation effect: first, calculate the confidence interval of the direct effect, indirect effect and mediation effect; secondly, calculate the significance of the mediation type according to the Baron and Kenny or Sobel method. significance; and finally estimate the confidence interval for the natural indirect effect.

How to read the results of bootstrap mediation test How to read the results of bootstrap mediation test Apr 05, 2024 am 03:30 AM

The Bootstrap mediation test evaluates the mediation effect by resampling the data multiple times: Indirect effect confidence interval: indicates the estimated range of the mediation effect. If the interval does not contain zero, the effect is significant. p-value: Evaluates the probability that the confidence interval does not contain zero, with values ​​less than 0.05 indicating significant. Sample size: The number of data samples used for analysis. Bootstrap subsampling times: the number of repeated samplings (500-2000 times). If the confidence interval does not contain zero and the p-value is less than 0.05, the mediation effect is significant, indicating that the mediating variable explains the relationship between the independent and dependent variables.

What is the difference between bootstrap and springboot What is the difference between bootstrap and springboot Apr 05, 2024 am 04:00 AM

The main difference between Bootstrap and Spring Boot is: Bootstrap is a lightweight CSS framework for website styling, while Spring Boot is a powerful, out-of-the-box backend framework for Java web application development. Bootstrap is based on CSS and HTML, while Spring Boot is based on Java and the Spring framework. Bootstrap focuses on creating the look and feel of a website, while Spring Boot focuses on back-end functionality. Spring Boot can be integrated with Bootstrap to create fully functional, beautiful

How to export the results of bootstrap test mediation effect stata command How to export the results of bootstrap test mediation effect stata command Apr 05, 2024 am 03:39 AM

Export the results of the Bootstrap mediation effect test in Stata: Save the results: bootstrap post Create variable list: local vars: coef se ci Export the results (CSV): export delimited results.csv, varlist(`vars') replace comma nolabel

See all articles