ตัวอย่างธีม
นี่คือเทมเพลตที่แสดงสไตล์ชีตธีมเสริมที่รวมอยู่ใน Bootstrap ใช้เป็นจุดเริ่มต้นในการสร้างสิ่งที่มีเอกลักษณ์มากขึ้นโดยการสร้างหรือปรับเปลี่ยน
ปุ่ม
โต๊ะ
| # | ชื่อจริง | นามสกุล | ชื่อผู้ใช้ |
|---|---|---|---|
| 1 | เครื่องหมาย | อ็อตโต | @mdo |
| 2 | เจคอบ | ธอร์นตัน | @อ้วน |
| 3 | แลร์รี่ | นก | @ทวิตเตอร์ |
| # | ชื่อจริง | นามสกุล | ชื่อผู้ใช้ |
|---|---|---|---|
| 1 | เครื่องหมาย | อ็อตโต | @mdo |
| 2 | เจคอบ | ธอร์นตัน | @อ้วน |
| 3 | แลร์รี่ | นก | @ทวิตเตอร์ |
| # | ชื่อจริง | นามสกุล | ชื่อผู้ใช้ |
|---|---|---|---|
| 1 | เครื่องหมาย | อ็อตโต | @mdo |
| เครื่องหมาย | อ็อตโต | @TwBootstrap | |
| 2 | เจคอบ | ธอร์นตัน | @อ้วน |
| 3 | ลาร์รีเดอะเบิร์ด | @ทวิตเตอร์ | |
| # | ชื่อจริง | นามสกุล | ชื่อผู้ใช้ |
|---|---|---|---|
| 1 | เครื่องหมาย | อ็อตโต | @mdo |
| 2 | เจคอบ | ธอร์นตัน | @อ้วน |
| 3 | ลาร์รีเดอะเบิร์ด | @ทวิตเตอร์ | |
รูปขนาดย่อ
ป้าย
อันตรายคำเตือนข้อมูลความสำเร็จหลัก เริ่มต้น
อันตรายคำเตือนข้อมูลความสำเร็จหลัก เริ่มต้น
อันตรายคำเตือนข้อมูลความสำเร็จหลัก เริ่มต้น
อันตรายคำเตือนข้อมูลความสำเร็จหลัก เริ่มต้น
อันตรายคำเตือนข้อมูลความสำเร็จหลัก เริ่มต้น
อันตรายคำเตือนข้อมูลความสำเร็จหลัก เริ่มต้น
อันตรายคำเตือนข้อมูลความสำเร็จหลัก เริ่มต้น
ป้าย
เมนูแบบเลื่อนลง
Navs
แถบนำทาง
การแจ้งเตือน
แถบความคืบหน้า
รายชื่อกลุ่ม
- Cras justo odio
- Dapibus ac สิ่งอำนวยความสะดวกใน
- มอร์บี ลีโอ ริซัส
- Porta ac consectetur ac
- ขนถ่ายที่ eros
รายการส่วนหัวของรายการกลุ่ม
Donec id elit non mi porta gravida ที่ eget metus Maecenas sed diam eget risus varius blandit.
รายการส่วนหัวของรายการกลุ่ม
Donec id elit non mi porta gravida ที่ eget metus Maecenas sed diam eget risus varius blandit.
รายการส่วนหัวของรายการกลุ่ม
Donec id elit non mi porta gravida ที่ eget metus Maecenas sed diam eget risus varius blandit.
แผง
ชื่อแผง
ชื่อแผง
ชื่อแผง
ชื่อแผง
ชื่อแผง
ชื่อแผง
Wells
Lorem ipsum dolor sit amet, consectetur adipiscing elit. โลเรม อิปซัม โดลอร์ Maecenas sed diam eget risus varius blandit นั่ง amet non magna. Lorem ipsum dolor sit amet, consectetur adipiscing elit. โลเรม อิปซัม โดลอร์ ส่ง commodo cursus magna, vel scelerisque nisl consectetur et. Cras mattis consectetur purus นั่ง amet fermentum. Duis mollis, est ไม่ใช่ commodo luctus, nisi erat porttitor ligula, eget lacinia odio sem nec elit Aenean lacinia bibendum nulla sed consectetur.
![สไลด์แรก [1140x500]](data:image/svg+xml;base64,PD94bWwgdmVyc2lvbj0iMS4wIiBlbmNvZGluZz0iVVRGLTgiIHN0YW5kYWxvbmU9InllcyI/PjxzdmcgeG1sbnM9Imh0dHA6Ly93d3cudzMub3JnLzIwMDAvc3ZnIiB3aWR0aD0iMTE0MCIgaGVpZ2h0PSI1MDAiIHZpZXdCb3g9IjAgMCAxMTQwIDUwMCIgcHJlc2VydmVBc3BlY3RSYXRpbz0ibm9uZSI+PCEtLQpTb3VyY2UgVVJMOiBob2xkZXIuanMvMTE0MHg1MDAvYXV0by8jNzc3OiM1NTUvdGV4dDpGaXJzdCBzbGlkZQpDcmVhdGVkIHdpdGggSG9sZGVyLmpzIDIuNi4wLgpMZWFybiBtb3JlIGF0IGh0dHA6Ly9ob2xkZXJqcy5jb20KKGMpIDIwMTItMjAxNSBJdmFuIE1hbG9waW5za3kgLSBodHRwOi8vaW1za3kuY28KLS0+PGRlZnM+PHN0eWxlIHR5cGU9InRleHQvY3NzIj48IVtDREFUQVsjaG9sZGVyXzE4MzUxMjRhZjBmIHRleHQgeyBmaWxsOiM1NTU7Zm9udC13ZWlnaHQ6Ym9sZDtmb250LWZhbWlseTpBcmlhbCwgSGVsdmV0aWNhLCBPcGVuIFNhbnMsIHNhbnMtc2VyaWYsIG1vbm9zcGFjZTtmb250LXNpemU6NTdwdCB9IF1dPjwvc3R5bGU+PC9kZWZzPjxnIGlkPSJob2xkZXJfMTgzNTEyNGFmMGYiPjxyZWN0IHdpZHRoPSIxMTQwIiBoZWlnaHQ9IjUwMCIgZmlsbD0iIzc3NyIvPjxnPjx0ZXh0IHg9IjM5MC41IiB5PSIyNzUuOCI+Rmlyc3Qgc2xpZGU8L3RleHQ+PC9nPjwvZz48L3N2Zz4=)
![สไลด์ที่สอง [1140x500]](data:image/svg+xml;base64,PD94bWwgdmVyc2lvbj0iMS4wIiBlbmNvZGluZz0iVVRGLTgiIHN0YW5kYWxvbmU9InllcyI/PjxzdmcgeG1sbnM9Imh0dHA6Ly93d3cudzMub3JnLzIwMDAvc3ZnIiB3aWR0aD0iMTE0MCIgaGVpZ2h0PSI1MDAiIHZpZXdCb3g9IjAgMCAxMTQwIDUwMCIgcHJlc2VydmVBc3BlY3RSYXRpbz0ibm9uZSI+PCEtLQpTb3VyY2UgVVJMOiBob2xkZXIuanMvMTE0MHg1MDAvYXV0by8jNjY2OiM0NDQvdGV4dDpTZWNvbmQgc2xpZGUKQ3JlYXRlZCB3aXRoIEhvbGRlci5qcyAyLjYuMC4KTGVhcm4gbW9yZSBhdCBodHRwOi8vaG9sZGVyanMuY29tCihjKSAyMDEyLTIwMTUgSXZhbiBNYWxvcGluc2t5IC0gaHR0cDovL2ltc2t5LmNvCi0tPjxkZWZzPjxzdHlsZSB0eXBlPSJ0ZXh0L2NzcyI+PCFbQ0RBVEFbI2hvbGRlcl8xODM1MTI0NGYyNSB0ZXh0IHsgZmlsbDojNDQ0O2ZvbnQtd2VpZ2h0OmJvbGQ7Zm9udC1mYW1pbHk6QXJpYWwsIEhlbHZldGljYSwgT3BlbiBTYW5zLCBzYW5zLXNlcmlmLCBtb25vc3BhY2U7Zm9udC1zaXplOjU3cHQgfSBdXT48L3N0eWxlPjwvZGVmcz48ZyBpZD0iaG9sZGVyXzE4MzUxMjQ0ZjI1Ij48cmVjdCB3aWR0aD0iMTE0MCIgaGVpZ2h0PSI1MDAiIGZpbGw9IiM2NjYiLz48Zz48dGV4dCB4PSIzMzUuNjE2NjY4NzAxMTcxOSIgeT0iMjc1LjgiPlNlY29uZCBzbGlkZTwvdGV4dD48L2c+PC9nPjwvc3ZnPg==)
![สไลด์ที่สาม [1140x500]](data:image/svg+xml;base64,PD94bWwgdmVyc2lvbj0iMS4wIiBlbmNvZGluZz0iVVRGLTgiIHN0YW5kYWxvbmU9InllcyI/PjxzdmcgeG1sbnM9Imh0dHA6Ly93d3cudzMub3JnLzIwMDAvc3ZnIiB3aWR0aD0iMTE0MCIgaGVpZ2h0PSI1MDAiIHZpZXdCb3g9IjAgMCAxMTQwIDUwMCIgcHJlc2VydmVBc3BlY3RSYXRpbz0ibm9uZSI+PCEtLQpTb3VyY2UgVVJMOiBob2xkZXIuanMvMTE0MHg1MDAvYXV0by8jNTU1OiMzMzMvdGV4dDpUaGlyZCBzbGlkZQpDcmVhdGVkIHdpdGggSG9sZGVyLmpzIDIuNi4wLgpMZWFybiBtb3JlIGF0IGh0dHA6Ly9ob2xkZXJqcy5jb20KKGMpIDIwMTItMjAxNSBJdmFuIE1hbG9waW5za3kgLSBodHRwOi8vaW1za3kuY28KLS0+PGRlZnM+PHN0eWxlIHR5cGU9InRleHQvY3NzIj48IVtDREFUQVsjaG9sZGVyXzE4MzUxMjRhOGY1IHRleHQgeyBmaWxsOiMzMzM7Zm9udC13ZWlnaHQ6Ym9sZDtmb250LWZhbWlseTpBcmlhbCwgSGVsdmV0aWNhLCBPcGVuIFNhbnMsIHNhbnMtc2VyaWYsIG1vbm9zcGFjZTtmb250LXNpemU6NTdwdCB9IF1dPjwvc3R5bGU+PC9kZWZzPjxnIGlkPSJob2xkZXJfMTgzNTEyNGE4ZjUiPjxyZWN0IHdpZHRoPSIxMTQwIiBoZWlnaHQ9IjUwMCIgZmlsbD0iIzU1NSIvPjxnPjx0ZXh0IHg9IjM3Ny44NzUiIHk9IjI3NS44Ij5UaGlyZCBzbGlkZTwvdGV4dD48L2c+PC9nPjwvc3ZnPg==)