Responsive web design - Bootstrap

Question

This may be so basic but I like to be certain about this.

I am using bootstrap for my frontend. But after testing my page, it realize it is not responsive in a way since some of the elements are flying else where when I reduce the size of my browser.

I thought bootstrap automatically makes the web page responsive. Do I have to use standard class name for my forms to make it accurately responsive?

PS: Learning how to make web pages responsive

Answer 1

you need to read bootstrap screen resolution funtion how to create screen resolution class for size. Suppose if screen size is 5000px then use this class orif screen size is 1000px then use this class.

Answer 2

You need to learn to use the bootstrap grid system. Bootstrap does not make it responsive on its own.

check out these links:

https://www.w3schools.com/bootstrap/bootstrap_grid_basic.asp

https://v4-alpha.getbootstrap.com/layout/responsive-utilities/

Answer 3

Is not enough just to load bootstrap on the page. That way page would not become responsive.

Bootstrap is a framework for building responsive websites/apps, and you should organize your code following Bootstrap instructions and use already predefined class names from Bootstrap.

Of course you can override that default classes but this is another thing.

Good place to start is: http://getbootstrap.com/docs/4.0/examples/

Answer 4

Bootstrap provides tools that will help you in responsive website design. It is not, on and of its own, a magic wand that will transform your design.

You need to rely on the arsenal that is the Bootstrap toolkit like Grid and the ability to specific different column widths by breakpoint; by utilizing options for showing and hiding content based on screen dimensions, or wrappers for making tables responsive, etc, etc.