responsive site

Question

tell me the code for responsive site. site run in destop , mobile , laptop any other device.

Sanwar Ranwa · Answer

Hii Atim Rana I share some code You Can copy it on your Html page or Web Form and its Works Bootstrap Example Hello World! Resize the browser window to see the effect. The columns will automatically stack on top of each other when the screen is less than 768px wide. .col-sm-4 .col-sm-8 You Can use Following Links to Learn more about bootstrap https://www.w3schools.com/bootstrap/default.asp

Manav Pandya · Answer

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

Brajesh Kumar · Answer

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/

Sankara Krishnan Venugopal · Answer

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.

Sankara Krishnan Venugopal · Answer

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.

Manav Pandya · Answer

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

Z Hussain · Answer

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

Sanwar Ranwa · Answer

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

Atim Rana · Answer

it ok but tell me that there is some code @media it is used for responsive but where we put the code in asp.net. AND PROVIDE THE files used to responsive

Atim Rana · Answer

kindly provide the step to follow in c# .net

Atim Rana · Answer

tell me the code and how to use

responsive site

Answers (11)