question

IvanovIvan-6941 avatar image
0 Votes"
IvanovIvan-6941 asked BrandoZhang-MSFT edited

How to split a page into parts correctly?

Is there an optimal way?
I have read several articles.... Everything is different for everyone...
I want to get the structure as in the picture

I want to do this using Bootstrap.
I can't do it
https://jsfiddle.net/User65659/z7ogjaxs/

199789-layout-view-2.png


dotnet-aspnet-core-general
layout-view-2.png (4.6 KiB)
· 2
5 |1600 characters needed characters left characters exceeded
Toggle Comment visibility. Current Visibility: Visible to all users

Up to 10 attachments (including images) can be used with a maximum of 3.0 MiB each and 30.0 MiB total.

AgaveJoe avatar image AgaveJoe ·

You tagged this as aspnet core but this is a CSS/Layout question. Can you explain what "correctly" means. What have you tried, what articles have you read and why are these approaches not optimal? Are you using a CSS framework like Bootstrap?

https://www.w3schools.com/css/css_website_layout.asp
https://developer.mozilla.org/en-US/docs/Learn/CSS/CSS_layout/Introduction

Do you have an aspnet core question related to layout?

0 Votes 0 ·
IvanovIvan-6941 avatar image IvanovIvan-6941 AgaveJoe ·

@AgaveJoe
I want to do this using Bootstrap.
I can't do it
https://jsfiddle.net/User65659/z7ogjaxs/

0 Votes 0 ·

1 Answer

sreejukg avatar image
1 Vote"
sreejukg answered BrandoZhang-MSFT edited

The best option for you to use Bootstrap, which allows you to create responsive layouts easily. https://getbootstrap.com/

The bootstrap comes with a powerful grid system, that can be used to build powerful layouts for your websites. https://getbootstrap.com/docs/4.0/layout/grid/

Also it is good to understand bootstrap layout concepts. https://getbootstrap.com/docs/4.0/layout/overview/

There are lots of UI frameworks available out there, though bootstrap is more popular. I recommend you to read the following article that gives you an outlook of bootstrap and its competitors.

https://dev.to/codereaper08/is-it-time-to-let-go-of-bootstrap-347i

· 2
5 |1600 characters needed characters left characters exceeded
Toggle Comment visibility. Current Visibility: Visible to all users

Up to 10 attachments (including images) can be used with a maximum of 3.0 MiB each and 30.0 MiB total.

IvanovIvan-6941 avatar image IvanovIvan-6941 ·

@sreejukg
I want to do this using Bootstrap.
I can't do it
https://jsfiddle.net/User65659/z7ogjaxs/

0 Votes 0 ·
BrandoZhang-MSFT avatar image BrandoZhang-MSFT IvanovIvan-6941 ·

Could you please tell me if you are using the ASP.NET Core MVC or else? If you are using the asp.net core template, you could find it contains the navbar and footer CSS. Then you could modify the index page with to using the Bootstrap Sidebar or else to achieve this part.

0 Votes 0 ·