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
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
ASKER CERTIFIED SOLUTION
membership
This solution is only available to members.
To access this solution, you must be a member of Experts Exchange.
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.