To build a two-column (50/50%) layo

To build a two-column (50/50%) layout, start with a container with a class of ui-grid-a, and add two child containers inside it classed with ui-block-a for the first column and ui-block-b for the second. On the blocks below, we're adding two classes: ui-bar to add the default bar padding and ui-bar-a to apply the background and font styling for the "a" toolbar theme swatch. For illustration purposes, an inline style="height:60px" attribute is also added to each grid to set each to a standard height.

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

เพื่อสร้างเค้าโครงสองคอลัมน์ (แบบ%) กับคอนเทนเนอร์ที่มีชั้นของ ui-กริดได้ เพิ่มสองลูกบรรจุไว้ภายใน classed ui-บล็อกการในคอลัมน์แรก และ ui-บล็อก-b สำหรับสอง ในบล็อกนี้ เรากำลังเพิ่ม 2 ชั้น: ui-บาร์บาร์เริ่มต้นพาย และ ui-บาร์เป็นการใช้พื้นหลังและจัดแต่งทรงผมแบบอักษรสำหรับการสวอตช์ชุดรูปแบบบนแถบเครื่องมือที่ "a" เพิ่มขึ้น สำหรับภาพประกอบ แบบอินไลน์ = "ความสูง: 60px" ยังมีเพิ่มแอตทริบิวต์ในแต่ละตารางเพื่อกำหนดความสูงมาตรฐานแต่ละ

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

เพื่อสร้างสองคอลัมน์ (50/50%) รูปแบบเริ่มต้นด้วยภาชนะที่มีระดับของ UI-ตารางและเพิ่มสองภาชนะเด็กภายใน classed กับ UI-บล็อกสำหรับคอลัมน์แรกและ UI บล็อก -B เป็นครั้งที่สอง ที่บล็อกด้านล่างเรากำลังเพิ่มสองชั้น: UI บาร์เพื่อเพิ่มช่องว่างภายในบาร์เริ่มต้นและ UI-บาร์ที่จะใช้พื้นหลังและตัวอักษรสำหรับจัดแต่งทรงผม "" แถบแถบเครื่องมือรูปแบบ สำหรับวัตถุประสงค์ภาพประกอบสไตล์แบบอินไลน์ = "height: 60px" คุณลักษณะยังถูกเพิ่มเข้าไปในแต่ละตารางในการตั้งค่าแต่ละที่จะมีความสูงมาตรฐาน

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

เพื่อสร้างสองคอลัมน์ ( 50 / 50 ) รูปแบบ เริ่มด้วยภาชนะที่มีชั้นของ ui-grid-a และเพิ่มสองภาชนะบรรจุลูกข้างใน classed กับ ui-block-a สำหรับคอลัมน์แรก และ ui-block-b สำหรับวินาที ในบล็อกข้างล่าง เราจะเพิ่มสองชั้น : บาร์ UI เพิ่มเริ่มต้นและบาร์ภายใน ui-bar-a ที่จะใช้พื้นหลังและตัวอักษรสไตล์สำหรับ " " แถบเครื่องมือรูปแบบสวอตช์ .มีภาพประกอบ ลักษณะแบบอินไลน์ = ความสูง " : 60px " คุณสมบัติยังเพิ่มแต่ละตารางการตั้งค่าแต่ละความสูงมาตรฐาน