ASP.NET Core supporting various form factors?


Once again coming from a beginner perspective so I can start to do some reading for curiosity.

I know that ASP.NET core web apps have to handle things to handle different screen sizes. For example a client might
browse from a phone or a PC or a tablet.

How is this detected and handled basically.

What term should I be looking for in the documentation and tutorials to see how this is approached.?

Also really to ask how difficult this is to code and handle in general.


Who is Participating?

[Product update] Infrastructure Analysis Tool is now available with Business Accounts.Learn More

I wear a lot of hats...

"The solutions and answers provided on Experts Exchange have been extremely helpful to me over the last few years. I wear a lot of hats - Developer, Database Administrator, Help Desk, etc., so I know a lot of things but not a lot about one thing. Experts Exchange gives me answers from people who do know a lot about one thing, in a easy to use platform." -Todd S.

Chris StanyonWebDevCommented:
The term you're looking for is Responsive Web Design and it's generally dictated by the styling of your website - the CSS, so it's not specific to the development language of choice, such as ASP.Net / PHP / HTML.

The default ASP.Net project in Visual Studio includes Bootstrap which is a responsive, mobile-first CSS Framework, so if you want your site to be responsive (which you should!), then start by taking a look at the docs for Bootstrap -

Experts Exchange Solution brought to you by

Your issues matter to us.

Facing a tech roadblock? Get the help and guidance you need from experienced professionals who care. Ask your question anytime, anywhere, with no hassle.

Start your 7-day free trial
whorsfallAuthor Commented:

Thanks for that. Great response.

So I can therefore assume that if working on a non-mobile device like a  PC or MAC  it is designed to handle that as well?


Chris StanyonWebDevCommented:
Yeah. Basically, it's common practice to design your site to work on Mobiles and then scale gracefully up to the larger devices - this is what's know as a mobile first approach. With the bootstrap framework, you add classes to your elements which dictates how they're laid out on the various devices.

For example, you could have a layout like so:

<div class="container">
  <div class="row">
    <div class="col-md">
      One of three columns
    <div class="col-md">
      One of three columns
    <div class="col-md">
      One of three columns

Open in new window

This would give your layout 3 columns side by side on devices larger than 'medium' (768px wide) such as tablets / desktops, but on smaller, mobile devices they would stack one on top of the other.
Dirk StraussSenior Full Stack DeveloperCommented:
Great answer @Chris.
Ward, you may want to check out this Bootstrap Tutorial too.
It's more than this solution.Get answers and train to solve all your tech problems - anytime, anywhere.Try it for free Edge Out The Competitionfor your dream job with proven skills and certifications.Get started today Stand Outas the employee with proven skills.Start learning today for free Move Your Career Forwardwith certification training in the latest technologies.Start your trial today

From novice to tech pro — start learning today.