Skip to main content

Boostrap 4

What is Bootstrap?

  • 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. 


Why should I use 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. If you require IE8-9 support, use Bootstrap 3.
How does bootstrap 4 Work?
  • Step 1: Setup and overview. Create an HTML page. Load Bootstrap via CDN or host it locally. Include jQuery. Load Bootstrap JavaScript. Put it all together.
  • Step 2: Design your landing page. Add a navigation bar. Include custom CSS. Create a page content container. Add a background image and custom JavaScript. Add an Overlay.
👉 If you want more information about this https://websitesetup.org/bootstrap-tutorial-for-beginners/

What is Responsive Web Design?
  • Responsive web design is about creating websites that automatically adjust themselves to look good on all devices, from small phones to large desktops.

The Advantages of the Foundation are:

  • Foundation lets you customize your website without making it look similar to other websites that have used Foundation. The out of the box CSS design is more of a flat design and looks good right away and you don’t even have to customize heavily.
  • The base CSS appearances are built-in and there won’t be much CSS bloat in the HTML.
  • Flexible grids
  • Centered Columns.
  • Adding a ‘collapse’ class will allow you to easily collapse columns and remove gutters.
  • A block-sized grid will allow you to create equal-sized columns with minimal markup.
  • Widgets
  • Foundation provides you with an HTML5 form validation library.
  • Website navigation can be easily placed to the side of the website to make it hidden.
  • The readymade table that shows prices for products that are based on subscription.
  • User experience can be customized because the website loads different media for different devices/screen sizes.
  • Multi-lingual website because Foundation allows you to choose languages that are written from the right to the left.
  • Foundation will let you give a joyride of your website to your visitors.
  • Additional services
  • The Foundation team offers services and courses as a form of support.
  • Various online training courses for Foundation and other web technologies are also provided.

Labels:

Comments

Post a Comment

Popular posts from this blog

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

UX Writer

What is UX Writing? It is a subset of UX Design that mainly focuses on written bits. Written bits are words in menus, buttons, labels, chatbots, microcopy and error messages.  Microcopy means the set of instructions to guide first-time users through a product or the set of small pieces of writing.  Figma or Sketch can be used to plan and design copy for UX Writing. Who is UX Writer? A User Experience (UX)  Writer creates Written bits for apps, websites and other digital products that help users to get to know the product or get some basic idea about the product. (Refer :  Click here ) What is the job role? It's a similar role like copywriting, content writing and digital marketing specialist. A UX Writer might find the words for menus, buttons, labels, chatbots, microcopy and error messages. This is how UX Writing helps to communicate with Users What are the skills needed to become a UX Writer? Writing skills Research skills Technical skills UX Experience Probl...
Post a Comment
Read more

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