Solved

Adapt website for different devices / resolutions

Posted on 2014-12-27
5
90 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

Gigs: Get Your Project Delivered by an Expert

Select from freelancers specializing in everything from database administration to programming, who have proven themselves as experts in their field. Hire the best, collaborate easily, pay securely and get projects done right.

Question has a verified solution.

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

With Windows Embedded Handheld, called Windows Mobile, Microsoft re-designed the user interface. The Start Icon moved down to the bottom, inside the menu bar area.   If you need to hide the Start Icon and/or the SIP (soft input panel, softwar…
Let me explain this picture a little bit.  First, in case you haven't already guessed, you are looking at my 2 phones, an Android Samsung Galaxy S5 on the left and an iPhone 5 on the right.  They are on their respective cradles on my desk.  But, you…
This Micro Tutorial demonstrates using Microsoft Excel pivot tables, how to reverse engineer competitors' marketing strategies through backlinks.
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…

813 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

Need Help in Real-Time?

Connect with top rated Experts

11 Experts available now in Live!

Get 1:1 Help Now