เงินทุนส่วนตัว
Bootstrap คืออะไร?
บูตเป็นกรอบ front-end สำหรับการพัฒนาอย่างรวดเร็วของการใช้งานเว็บและเว็บไซต์ เงินทุนจะขึ้นอยู่กับ HTML, CSS, JavaScript ของ
ประวัติศาสตร์
บูตโดยTwitter มาร์คอ็อตโตและจาค็อบThornton พัฒนา Bootstrap คือสิงหาคม 2011 เผยแพร่บน GitHub ผลิตภัณฑ์มาเปิด
ทำไมเงินทุน?
- มือถือครั้งแรก: เนื่องจากเงินทุนที่ 3 เป็นต้นไปรวมถึงกรอบห้องสมุดทั่วลำดับความสำคัญของโทรศัพท์มือถือของสไตล์
- สนับสนุนเบราว์เซอร์เบราว์เซอร์ที่สำคัญทุกการสนับสนุนเงินทุน
- ใช้งานง่าย: ตราบใดที่คุณมีความรู้พื้นฐานของ HTML และ CSS คุณสามารถเริ่มต้นที่จะเรียนรู้เงินทุน
- ออกแบบที่ตอบสนอง: Bootstrap CSS ที่ตอบสนองต่อความสามารถในการปรับตัวเดสก์ท็แท็บเล็ตและโทรศัพท์มือถือสำหรับข้อมูลเพิ่มเติมเกี่ยวกับการออกแบบที่ตอบสนองใช้ได้ ออกแบบที่ตอบสนอง Bootstrap
- นักพัฒนามันสร้างอินเตอร์เฟซที่เรียบง่ายให้เป็นโซลูชั่นแบบครบวงจร
- จะรวมถึงการที่มีประสิทธิภาพในตัวส่วนประกอบและง่ายต่อการปรับแต่ง
- นอกจากนี้ยังมีการปรับแต่งเว็บเบส
- มันเป็นโอเพนซอร์ส
เนื้อหาแพคเกจบูต
- โครงสร้างพื้นฐาน: เงินทุนให้โครงสร้างพื้นฐานของพื้นหลังรูปแบบการเชื่อมโยงกับระบบกริดนี้จะมีการอธิบายในรายละเอียดBootstrap ครึ่งพื้นฐาน
- CSS: Bootstrap มาพร้อมกับคุณสมบัติดังต่อไปนี้: การตั้งค่า CSS ทั่วโลกกำหนดรูปแบบพื้นฐานองค์ประกอบ HTML ชั้นสามารถปรับขนาดได้และระบบกริดขั้นสูงส่วนนี้จะอธิบายในรายละเอียดBootstrap CSS
- ส่วนประกอบ: เงินทุนมีโหลชิ้นส่วนนำมาใช้ใหม่สำหรับการสร้างภาพแบบหล่นลงเมนูนำทาง, กล่องเตือนกล่องป๊อปอัพและอื่น ๆนี้จะมีการอธิบายในรายละเอียดรูปแบบของชิ้นส่วนที่
- วิดเจ็ต javascript: Bootstrap มีปลั๊กอิน jQuery โหลที่กำหนดเองคุณสามารถรวมทั้งหมดปลั๊กอินปลั๊กอินเหล่านี้ยังสามารถมีรายบุคคล นี้จะมีการอธิบายในรายละเอียดส่วนBootstrap ปลั๊ก
- การปรับแต่ง: คุณสามารถปรับแต่งชิ้นส่วน Bootstrap ตัวแปรน้อยลงและ jQuery plug-in ที่จะได้รับรุ่นของคุณเอง
ตัวอย่างออนไลน์
เว็บไซต์กวดวิชาเงินทุนมีหลายร้อยตัวอย่าง
คุณสามารถใช้แก้ไขรหัสบรรณาธิการออนไลน์ของเราออนไลน์และคลิกที่ปุ่ม Run เพื่อดูผลลัพธ์
ตัวอย่างบูต
<div class = "ภาชนะ">
<div class = "jumbotron">
<h1> หน้าเงินทุนครั้งแรกของฉัน </ h1>
<p> ตั้งค่าขนาดของหน้าต่างเพื่อดูผลตอบสนอง! </ p>
</ div>
<div class = "แถว">
<div class = "Col-SM-4 ">
<h3> คอลัมน์ที่ 1 </ h3 >
<p> การเรียนรู้ไม่ได้เป็นเพียงเทคโนโลยี แต่ยังฝัน! </ p>
<p> ความฝันอีกครั้ง Niubi แต่ยังให้วิธีการและคุณชอบดูดติด! </ p>
</ div>
<div class = "Col-SM-4 ">
<h3> คอลัมน์ 2 </ h3 >
<p> การเรียนรู้ไม่ได้เป็นเพียงเทคโนโลยี แต่ยังฝัน! </ p>
<p> ความฝันอีกครั้ง Niubi แต่ยังให้วิธีการและคุณชอบดูดติด! </ p>
</ div>
<div class = "Col-SM-4 ">
<h3> คอลัมน์ 3 </ h3 >
<p> การเรียนรู้ไม่ได้เป็นเพียงเทคโนโลยี แต่ยังฝัน! </ p>
<p> ความฝันอีกครั้ง Niubi แต่ยังให้วิธีการและคุณชอบดูดติด! </ p>
</ div>
</ div>
</ div>
ลอง»
ตัวอย่างเพิ่มเติม
บูตตัวอย่างที่ 2
<div class = "ตารางการตอบสนอง">
<table class = "โต๊ะโต๊ะลาย -bordered">
<thead>
<tr>
<Th> # </ TH>
<Th> ชื่อ </ TH>
<Th> ถนน </ TH>
</ tr>
</ thead>
<tbody>
<tr>
<td> 1 </ td>
<td> แอนนาน่ากลัว </ td >
<td> ถนนบรูม </ td >
</ tr>
<tr>
<td> 2 </ td>
<td> เด๊บบี้ดัลลัส </ td >
<td> ถนนฮูสตัน </ td >
</ tr>
<tr>
<td> 3 </ td>
<td> จอห์นโด </ td >
<td> ถนนเมดิสัน </ td >
</ tr>
</ tbody>
</ table>
</ div>
ลอง»
คลิกที่ปุ่ม "ลอง" เพื่อดูวิธีการทำงาน