Solved

Adapt website for different devices / resolutions

Posted on 2014-12-27
5
91 Views
Last Modified: 2015-03-05
I've been developing a site in "Visual Studio 2013 Express for the Web" and was wondering what kind of support is out there for .NET apps written for websites ... as far as properly rendering them on tablets or smart phones as well.

One thought is to capture the browser window width and height as the user resizes the browser and changing the way the website content renders as the screen gets smaller (or the reverse).

Just looking for best practices / technologies to facilitate this.
0
Comment
Question by:knowlton
  • 3
  • 2
5 Comments
 
LVL 58

Accepted Solution

by:
Gary earned 500 total points
ID: 40520042
Your best bet is Bootstrap and there is even a VS plugin for it
https://visualstudiogallery.msdn.microsoft.com/e82e7862-f731-4183-a27a-3a44b261bfe5
http://www.ghislainproulx.net/Blog/2013/09/using-bootstrap-3-with-visual-studio-2013-aspnet-mvc-template

But if you don't want the plugin the it's only a simple case of including the css file and using the declarations within your template
0
 
LVL 5

Author Closing Comment

by:knowlton
ID: 40536787
thx I'll check it out!
0
 
LVL 5

Author Comment

by:knowlton
ID: 40639943
Gary:

I finally implemented bootstrap and it was amazing.  It really does work ...  lol ....  (like it wouldn't work?)  : )

Anyway - thanks again!
0
 
LVL 58

Expert Comment

by:Gary
ID: 40645917
Glad it worked out for you ;o)
0
 
LVL 5

Author Comment

by:knowlton
ID: 40647721
:  )  yep!
0

Featured Post

Free Tool: Postgres Monitoring System

A PHP and Perl based system to collect and display usage statistics from PostgreSQL databases.

One of a set of tools we are providing to everyone as a way of saying thank you for being a part of the community.

Question has a verified solution.

If you are experiencing a similar issue, please ask a related question

You should read OS supplied guidelines before developing. I can't stress that enough. The guidelines will help you understand the reasons mobile app developers do what they do.  Apple is very particular when they review appstore submissions.
This article describes how to create custom column layout styles for Bootstrap. The article uses 5 columns to illustrate the concept, but the principle can be extended to any number of columns.
This video shows how to quickly and easily add an email signature for all users on Exchange 2016. The resulting signature is applied on a server level by Exchange Online. The email signature template has been downloaded from: www.mail-signatures…

791 members asked questions and received personalized solutions in the past 7 days.

Join the community of 500,000 technology professionals and ask your questions.

Join & Ask a Question