Link to home
Start Free TrialLog in
Avatar of r_pat72
r_pat72

asked on

Page layout with CSS/Bootsstrap

Hi,

I want to create a web page with bootstrap with following layout (image attached). Can you please help me with some sample code how to achieve this layout with ASP.NET MVC/Bootstrap.

Basically there will be top three section and two split pane in that page.

sectiion1
---------------------
Secion2
----------------------
Section3
-------------------------------------------------
 vertical split pane with two sections.

Thanks,
Bootstrap.PNG
Avatar of lenamtl
lenamtl
Flag of Canada image

To understand how Bootstrap work
All the doc and examples https://getbootstrap.com/docs/4.0/getting-started/introduction/
To understand the grid https://getbootstrap.com/docs/4.0/layout/grid/
There are also several Udemy videos on that topic too.

You can use any admin Bootstrap template
I'm using AdminLte Bootstrap v3 https://adminlte.io/themes/AdminLTE/
https://github.com/almasaeed2010/AdminLTE

As BSv4 is stable now
you may prefer to use Bootstrap v4 template on Themeforest.
https://themeforest.net/category/site-templates/admin-templates?tags=bootstrap#content

For the server side code like ASP MVC then you will need to use a framework or create your own.
Here is a tutorial https://www.tutorialspoint.com/asp.net_mvc/asp.net_mvc_bootstrap.htm

Or use this script from Codecanyon https://codecanyon.net/item/aspnet-mvc-full-ajaxify-and-bootstrap-grid-with-crud-operation/19820914

You will find several tutorial on the net, you understand we cannot provide the whole code.
ASKER CERTIFIED SOLUTION
Avatar of Miguel Oz
Miguel Oz
Flag of Australia image

Link to home
membership
This solution is only available to members.
To access this solution, you must be a member of Experts Exchange.
Start Free Trial