Skip to main content

Responsive web design.

 Why responsive web design?

Actually, we use laptops, taps, touch phones, Ipads, Iphones, etc.
We can't define our screen width or height immediately, but we can define the web page's height, width for any devices respectively.

What is Responsive Web Design?

Responsive web design makes your web page look good on all devices.

Responsive web design uses only HTML and CSS.

Responsive web design is not a program or JavaScript.

Bootstrap is a free front-end framework for faster and easier web development
Bootstrap includes HTML and CSS based design templates for typography, forms, buttons, tables, navigation, modals, image carousels, and many other, as well as optional JavaScript plugins

Bootstrap also gives you the ability to easily create responsive designs.

Bootstrap 3 vs. Bootstrap 4

Bootstrap 4 is the newest version of Bootstrap; with new components, a faster stylesheet, and more responsiveness.

Bootstrap 4 supports the latest, stable releases of all major browsers and platforms. However, Internet Explorer 9 and down is not supported.

  • Some of the examples for bootstrap 4.

1)


2)







Labels:

Comments

Post a Comment

Popular posts from this blog

Movie card examples with CSS.

 Movie cards with CSS. Some new movie card designs with CSS References: https://freefrontend.com/css-movie-cards/ Here I shared one example(with HTML, CSS Coding) which I tried..... if you want more examples: https://freefrontend.com/css-movie-cards/ https://blog.avada.io/css/movie-cards/ https://newtodesign.com/7-css-movie-cards/ 😼😼😼Hope you get some new ideas about this topic.
Post a Comment
Read more

UI/UX Introduction - What I learned

When I was young, I was passionate about computers. We couldn't have access to that. Usually, I play with some of the cardboard waste and make a computer screen and keyboard out of it.  After I got a good score in my O/Level exams, my father asked, "What do you want as a gift?" And I said I wanted a laptop. Then he purchased me an HP laptop. It was the best gift ever; I got it after a long wait. Later, I became familiar with basic computer skills slowly and started exploring the world through technology. Then, I chose IT as my career path eventually. Here, I'm sharing my learning experience to track my progress. UI/UX Introduction - What I learned https://www.mygreatlearning.com/academy/learn-for-free/courses/ui-ux It's a free course for beginners. Summary of this course: UI means interaction with user and website/product/app UX means what user experienced while using this UI Example: Using the Apple website, they direct their customers clearly to their products ...
Post a Comment
Read more
  Artificial Intelligence: The Future of Technology The future in the IT world. Everyone must know the basics of AI technology. So I'm going to explain in simple words What is AI Artificial Intelligence (AI) is any computer program that mimics and performs tasks that normally require human intelligence. The good and bad thing about AI is that you cannot understand it or use it for practical purposes. It can understand complex human language and calculate complicated mathematical equations in seconds. It can detect patterns, analyze messages and predict and explain events. I will use Xmas day as an example to illustrate the good, bad, and ugly of artificial intelligence. A couple of days ago, AI machines were able to perform a complex mathematical equation like 77 x 17. It would be very difficult to explain the science behind this equation to the common man. The only people who can understand the maths would-be programmers. What is the future of AI? AI will be the key to any informa...
Post a Comment
Read more