Download BootStrap and include the Bootstrap Folder inside Your Project

 

 

include the style

Bootstrap.css Bootstrap.min sheets inside your section of the page

<%--You can use different Bootstrap image Layouts example as thumbnails--%>

You can use Media Queries you just have to use the predefined

clasess in Bootstrap there are tons of different layouts components you can find it on

https://getbootstrap.com/docs/4.1/getting-started/introduction/

class="media"> class="mr-3" src="Your Image" alt="Generic placeholder image"> class="media-body"> class="mt-0">Media heading Cras sit amet nibh libero, in gravida nulla. Nulla vel metus scelerisque ante sollicitudin. Cras purus odio, vestibulum in vulputate at, tempus viverra turpis. Fusce condimentum nunc ac nisi vulputate fringilla. Donec lacinia congue felis in faucibus.

u can use tables images Grids buttons cards carousel forms

they have it everything with a single predefined class name

Atim,

 

Find the step by step process to implement the responsive site,

 

https://www.tutorialrepublic.com/twitter-bootstrap-tutorial/bootstrap-responsive-layout.php

https://bootstrapious.com/tutorials

 

Thanks. 

Hello

 

Refer the links for responsive page design for different device.

 

https://www.youtube.com/watch?v=Ct7APU7t-ts

https://v4-alpha.getbootstrap.com/examples/album/

http://www.free-css.com/free-css-templates/page227/exigo

 

Hope this helps. 

Use these steps to implement Bootstrap in Asp.net 

 

Use this link

 

http://www.mytecbits.com/microsoft/dot-net/bootstrap-3-0-0-with-asp-net-web-forms

 

 

this is very Helpfull for you 

Hello

 

There is not "st[-by-step" process , you need to do as per requirement 

 

Most of the changes are related to css changes

 

Thus follow the link i have provided 

 

Thanks 

Hii Atim Rana

 

I share some code You Can copy it on your Html page or Web Form and its Works

 

 

You Can use Following Links to Learn more about bootstrap

 

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

Hello

 

For converting site to fully responsive you can make use of Bootstrap

 

It is widely used and compatible with almost all the browser 

 

And most importantly it is really easy to imtegrate and use 

 

Follow few links for that :

 

https://dzone.com/articles/using-csshtml-make-responsive

 

https://www.w3schools.com/css/css_rwd_intro.asp

 

https://www.catswhocode.com/blog/making-a-website-responsive-in-3-easy-steps

 

https://www.webpagefx.com/web-design/make-website-responsive.html

 

Thanks 

Today, a website must not look good only on a desktop screen, but also on tablets and smartphones. A website is responsive if it is able to adapt to the screen of the client.

 

You can follow the following article:

 

https://dzone.com/articles/using-csshtml-make-responsive

https://www.w3schools.com/html/html_responsive.asp

https://1stwebdesigner.com/responsive-website-tutorial/

https://www.lingulo.com/tutorials/css/how-to-build-a-html5-website-from-scratch

https://www.catswhocode.com/blog/making-a-website-responsive-in-3-easy-steps

https://www.codeproject.com/Articles/1113048/Creating-Responsive-Website-using-Bootstrap

https://www.tutorialrepublic.com/twitter-bootstrap-tutorial/bootstrap-responsive-layout.php

https://www.script-tutorials.com/responsive-website-using-bootstrap/