Skip to main content

Should You learn Bootstrap in 2022?

Should you learn Bootstrap in 2022? or Should you learn Bootstrap for your Resume Projects or Serious Projects?

Personally, I really love to use Bootstrap and I used it very often. But there are too many down points in Bootstrap if you are using Bootstrap as it is or as a CSS framework. Then you will see all Bootstrap powered websites look the same. If you had built any website using Bootstrap then you know what I have to say? Like navbar, accordions and other components which have copypasted look same in all Bootstrap powered websites. If you used Bootstrap for your project then you may lose your professionalism as people will think that this website is built using a template.

Is there any problem with this? Absolutely not, because if you want to build a quick prototype and you don't care about design then it is totally fine to use Bootstrap. But if you use Bootstrap then your site will not look professional design-wise in 2022.

So, if you are serious to build a good project, then what should you do? My first tip will prefer to refer to a good design. Try to build some website replicates and try to practise CSS. then, move to build the design of your project. But, If you are learning CSS recently, then you can make your website using Bootstrap and try to explore alternatives to CSS. In my opinion, tailwindcss is a utility-class based CSS framework that will give you some utility classes to design and its most beneficial point is that you don't have to leave the HTML file. As you go on adding some classes your design will begin to build. 

As tailwindcss is based on core CSS, so you can apply anything by tailwindcss that you can do in CSS. This thing that I liked most about tailwindcss. Bootstrap is also going in direction of utility classes but tailwindcss is more mature. Writing tailwindcss is more fun than writing CSS. And your site will also look great as the same is built with CSS.

As Bootstrap is evolving so much intensively, it is a great framework to use and you can use it but don't make Bootstrap a long term solution because if you want to take control over the design of the site then you will start to miss features of CSS. So, better for you to try to explore alternatives to Bootstrap and try to learn tailwindcss.

So, at this time, I will say that nothing can replace the normal CSS. But I think tailwindcss is fun to write and it can do almost all things. One more problem about Bootstrap is if you use Bootstrap then the bundle size of the project will increase and that will ultimately harm your Core Web Vitals.

In the end, I will say that try to learn CSS. CSS is not very much difficult to learn. Just some properties being used regularly and try to learn that first. There are some miscellaneous properties also but if you learn CSS properly then definitely it will help you to build. better designs and you can also switch to tailwindcss.

Labels:

Comments

Post a Comment

Popular posts from this blog

SET THEORY USING LIST IN PYTHON

Problem Statement :- In second-year computer engineering class, group A student's play cricket, group B students play badminton and group C students play football.  Write a Python program using functions to compute the following:-     a) List of students who play both cricket and badminton     b) List of students who play either cricket or badminton or both     c) Number of students who play neither cricket nor badminton     d) Number of students who play cricket and football but not badminton. (Note- While realizing the group, duplicate entries should be avoided, Do not use SET built-in functions) Note :- Scroll horizontally to see the full line of code. def   Addelem ( A ,  a ):      for   i   in   range  ( a ):          elem = input ( "Enter the name of student:" )          if ( elem   ...
Post a Comment
Read more

Uninstalling AnyDesk from Ubuntu: A Step-by-Step Guide

If you're an Ubuntu user looking to remove AnyDesk from your system and reclaim valuable space, this straightforward guide will walk you through the uninstallation process with easy-to-follow steps. Step 1: Launch the Terminal To initiate the uninstallation process, open the Terminal on your Ubuntu system by simultaneously pressing "Ctrl + Alt + T." Step 2: Verify AnyDesk Installation Confirm that AnyDesk is installed on your system by typing the following command in the Terminal and pressing "Enter": dpkg -l | grep anydesk The relevant information will be displayed if AnyDesk is installed. Step 3: Uninstall AnyDesk Remove AnyDesk from your Ubuntu system using the following command in the Terminal: sudo apt-get remove anydesk Enter your user password when prompted (characters won't be visible as you type) and press "Enter" to authorize the uninstallation. Step 4: Confirm Unins...
Post a Comment
Read more

Implementations of Search Algorithms using Python | Linear Sequential Search | Sentinel Sequential Search | Binary Search | Fibonacci Search

  Problem Statement:-  a) Write a Python program to store roll numbers of student in array who attended training program in random order. Write function for searching whether particular student attended training program or not, using Linear search and Sentinel search. b) Write a Python program to store roll numbers of students array who attended training program in sorted order. Write function for searching whether particular student attended training program or not, using Binary search and Fibonacci search. Note:-  Scroll horizontally to see the full line of code. def linear_search ( a , target ):     for i in range ( len ( a )):         if ( a [ i ]== target ):             print ( "Roll no." , target , "is present at index" , i )             break     else :         print ( "Roll no." , target , "not found in list" ) def binary_search ( a , targ...
Post a Comment
Read more

C++ Program for storing Appointments Schedule for day using Linked list | Display Free Slots | Book Appointment | Cancel Appointment | Sort Appointments

  Problem Statement: Write C++ program for storing appointment schedule for day. Appointments are booked randomly using linked list. Set start and end time and min and max duration for visit slot. Write Functions for-     A) Display free slots     B) Book appointments     C) Sort list based on time     D) Cancel appointment ( check validity, time bounds, availability )     E) Sort list base on time using pointer manipulation. Note: Scroll Horizontally to see the full line of code. #include < iostream > using namespace std ; class slot { public :     int startTime , endTime , min , max ;     bool status ;     slot * next ;     slot ( int start , int end , int min , int max )     {         startTime = start ;         endTime = end ;         this -> min = min ;         this ->...
Post a Comment
Read more

Complete Guide: Uninstalling Steam from Ubuntu - Step-by-Step

Steam is widely favored among gamers for its seamless game distribution and vibrant community engagement. However, excessive game installations can burden your PC, leading to sluggish performance and potential system crashes. If you're facing such issues, a thorough uninstallation of Steam from your Ubuntu system might be the solution. Simply removing Steam using standard methods may leave residual files and directories on your device, potentially causing lingering issues. This comprehensive guide will walk you through the process of completely removing Steam from your Ubuntu system. Steps to Fully Uninstall Steam from Ubuntu: Before proceeding, ensure to back up any important data as uninstalling Steam will also remove all associated games, DLCs, and saved data. Follow these steps to uninstall Steam from Ubuntu: Step 1: Open the terminal by right-clicking or pressing “ctrl...
Post a Comment
Read more