How to write the interface code as shown in the asp.net language?

In the asp.net language, I want to design the interface as the attached picture, I drag and drop the objects to the website, but it is harder to align than the winform, the characters on the webform design are very difficult as expected as shown above, the writing method. how is the code for the above interface ? http://www.mediafire.com/view/y7e6vumavvodeef/DesignCafe.jpg/file

I use Bootstrap, I want to ask more about webform format for all mobile screens, ipads screeen, computer screens,... automatically resize according to screen resolution in html, css, js code I have the following html code:


>  
<html lang="en">  
<head>  
  <title>Bootstrap 4 Exampletitle>  
  <meta charset="utf-8">  
  <meta name="viewport" content="width=device-width, initial-scale=1">  
  <link rel="stylesheet" href="https://maxcdn.botstrapcdn.com/bootstrap/4.5.2/css/bootstrap.min.css">  
  <script src="https://ajax.googleapis.com/ajax/libs/jquery/3.5.1/jquery.min.js">script>  
  <script src="https://cdnjs.cloudflare.com/ajax/libs/popper.js/1.16.0/umd/popper.min.js">script>  
  <script src="https://maxcdn.bootstrapcdn.com/bootstrap/4.5.2/js/bootstrap.min.js">script>  
  
  
  <style>  
    .col-7 {  
        border: 1px solid black;   
        height: 100%;             
    }  
    .col-1 {  
        border: 1px solid black;   
        height: 100%;       
    }  
    .col-4 {  
        border: 1px solid black;   
        height: 100%;       
    }  
    style>  
  
head>  
<body>  
  
<div class="container-fluid">  
   agoPosted Oct 15, 2020, 7:33 AM
It would be time consuming to create a whole UI like this. But to design in WebForm you can make use of Bootstrap
https://getbootstrap.com/docs/4.5/examples/
 
You can go through the examples and start desiging the page. Or can also take help of UI/UX designers for the same. 
0