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

Fourth day at Uki

 Programming Languages. The programming language is a formal language comprising a set of instructions that produce various kinds of output. Programming languages are used in computer programming to implement algorithms. Because the computer only understands "0 and 1" Most programming languages consist of instructions for computers. Javascript, Java, Python, C#, C++, HTML, CSS, RUBY, NodeJS are some examples of web development languages used in programming. Moreover, we can simplify our problems with Flowchart and Pseudo code before coding in programming languages. Look at this image, This is a simple flow chart to solve a problem HTML -Hyper Text Markup Language. I strongly suggest learning HTML first with  https://www.w3schools.com/ It's a learner base code academy to learn quickly. We can use Notepad++, Visual studio code, Atom.io (via  https://en.wikipedia.org/wiki/List_of_HTML_editors ) This is an example of a basic heading style in HTML This is the output. Paragraph...
Post a Comment
Read more

HTML+CSS Styles.

 Margin style. Box model in CSS. Cursor style in CSS.
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