Bootstrap Example /* Remove t

Bootstrap Example






/* Remove the navbar's default margin-bottom and rounded borders */
.navbar {
margin-bottom: 0;
border-radius: 0;
}

/* Set height of the grid so .sidenav can be 100% (adjust as needed) */
.row.content {height: 450px}

/* Set gray background color and 100% height */
.sidenav {
padding-top: 20px;
background-color: #f1f1f1;
height: 100%;
}

/* Set black background color, white text and some padding */
footer {
background-color: #555;
color: white;
padding: 15px;
}

/* On small screens, set height to 'auto' for sidenav and grid */
@media screen and (max-width: 767px) {
.sidenav {
height: auto;
padding: 15px;
}
.row.content {height:auto;}
}












Logo



Home
About
Projects
Contact


Login








Link
Link
Link


Welcome
Lorem ipsum dolor sit amet, consectetur adipiscing elit, sed do eiusmod tempor incididunt ut labore et dolore magna aliqua. Ut enim ad minim veniam, quis nostrud exercitation ullamco laboris nisi ut aliquip ex ea commodo consequat. Excepteur sint occaecat cupidatat non proident, sunt in culpa qui officia deserunt mollit anim id est laborum consectetur adipiscing elit, sed do eiusmod tempor incididunt ut labore et dolore magna aliqua. Ut enim ad minim veniam, quis nostrud exercitation ullamco laboris nisi ut aliquip ex ea commodo consequat.

Test
Lorem ipsum...



ADS


ADS






Footer Text

ผลลัพธ์ (ไทย) 1:

ตัวอย่างการเริ่มต้นระบบ
/* Remove the navbar's default margin-bottom and rounded borders */
.navbar {
margin-bottom: 0;
border-radius: 0;
}

/* Set height of the grid so .sidenav can be 100% (adjust as needed) */
.row.content {height: 450px}

/* Set gray background color and 100% height */
.sidenav {
padding-top: 20px;
background-color: #f1f1f1;
height: 100%;
}

/* Set black background color, white text and some padding */
footer {
background-color: #555;
color: white;
padding: 15px;
}

/* On small screens, set height to 'auto' for sidenav and grid */
@media screen and (max-width: 767px) {
.sidenav {
height: auto;
padding: 15px;
}
.row.content {height:auto;}
}
โลโก้ บ้าน เกี่ยวกับ โครงการ ติดต่อ เข้าสู่ระบบ การเชื่อมโยง การเชื่อมโยง การเชื่อมโยง ยินดีต้อนรับ Lorem ipsum dolor นั่ง amet, consectetur adipiscing elit ถูกทำ eiusmod tempor incididunt ut labore et dolore magna aliqua Ut enim โฆษณาต่ำสุด veniam, quis nostrud exercitation ullamco laboris nisi ut aliquip ex consequat commodo เอ Excepteur ซินท์ occaecat cupidatat ไม่ใช่ proident, sunt ใน culpa qui officia deserunt mollit anim รหัส est laborum consectetur adipiscing elit ถูกทำราคา eiusmod tempor incididunt ut labore et dolore magna aliqua Ut enim โฆษณาต่ำสุด veniam, quis nostrud exercitation ullamco laboris nisi ut aliquip ex consequat commodo เอ ทดสอบ Lorem ipsum ... โฆษณา โฆษณา ข้อความท้ายกระดาษ

ผลลัพธ์ (ไทย) 2:

Bootstrap Example






/* Remove the navbar's default margin-bottom and rounded borders */
.navbar {
margin-bottom: 0;
border-radius: 0;
}

/* Set height of the grid so .sidenav can be 100% (adjust as needed) */
.row.content {height: 450px}

/* Set gray background color and 100% height */
.sidenav {
padding-top: 20px;
background-color: #f1f1f1;
height: 100%;
}

/* Set black background color, white text and some padding */
footer {
background-color: #555;
color: white;
padding: 15px;
}

/* On small screens, set height to 'auto' for sidenav and grid */
@media screen and (max-width: 767px) {
.sidenav {
height: auto;
padding: 15px;
}
.row.content {height:auto;}
}












โลโก้



บ้าน
เกี่ยวกับ
โครงการ
ติดต่อ


เข้าสู่ระบบ








การเชื่อมโยง
การเชื่อมโยง
การเชื่อมโยง


ยินดีต้อนรับ
Lorem Ipsum ไม่ได้บังคับ Amet นั่ง, consectetur adipiscing Elit, sed ไม่ eiusmod tempor incididunt ยูทาห์ Labore เอ dolore ใหญ่ aliqua สำหรับความ Ut โฆษณาขีดต่ำที่สุด veniam, โฟน nostrud exercitation ullamco laboris ค้างคายูทาห์ aliquip อดีตเอ commodo consequat Excepteur Sint occaecat cupidatat ไม่ proident, คุณอยู่ในบาปใคร OFFICIA deserunt mollit Anim รหัสคือ laborum consectetur adipiscing Elit, sed ทำ eiusmod tempor incididunt ยูทาห์ Labore เอ dolore ใหญ่ aliqua สำหรับความ Ut โฆษณาขีดต่ำที่สุด veniam, โฟน nostrud exercitation ullamco laboris ค้างคายูทาห์ aliquip อดีตเอ commodo consequat

ทดสอบ
Lorem Ipsum ...



โฆษณา


โฆษณา






ข้อความส่วนท้าย