In index.html inside .., the naviga

In index.html inside .., the navigation menus are made up of two ul elements. So far we've styled the li elements to display on the same line. Now let's style the ul elements to show up on the same line too.

Bootstrap provides the .pull-left class to left-align an element, and the .pull-right class to right-align an element. Let's use these classes to finish styling the navigation bar.

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

ใน index.html ภายใน ..เมนูนำทางประกอบด้วยองค์ประกอบสอง ul จนเราได้ลักษณะองค์ประกอบของ li จะแสดงบนบรรทัดเดียวกัน ตอนนี้ลองแบบ ul องค์ประกอบแสดงค่าบนบรรทัดเดียวกันเกินไปBootstrap มีคลา.pull ซ้ายชิดซ้ายองค์ และคลา.pull ขวาขวาชิดองค์ ลองใช้คลาสเหล่านี้จะเสร็จสิ้นการแต่งแถบการนำทาง

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

ใน index.html ภายใน ..เมนูนำทางถูกสร้างขึ้นจากสององค์ประกอบยู จนถึงขณะนี้เราได้สไตล์ li องค์ประกอบที่จะแสดงในบรรทัดเดียวกัน ตอนนี้ขอรูปแบบองค์ประกอบยูที่จะแสดงขึ้นในบรรทัดเดียวกันด้วย. เงินทุนให้ระดับ .pull ซ้ายไปซ้ายจัดองค์ประกอบและระดับ .pull ขวาขวาจัดองค์ประกอบ ลองใช้ชั้นเรียนเหล่านี้จะเสร็จสิ้นการจัดแต่งทรงผมแถบนำทาง

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

ใน index.html ภายใน < div class = " 5 " > . . . < / DIV > นำทางเมนูถูกสร้างขึ้นด้วยสององค์ประกอบ UL ดังนั้นไกล เราได้สไตล์องค์ประกอบ Li แสดงในบรรทัดเดียวกัน ตอนนี้ขอแบบ UL องค์ประกอบที่จะแสดงขึ้นในบรรทัดเดียวกันด้วย

บูทให้ ดึงชั้นไปซ้าย จัดองค์ประกอบ และ ดึงขวา คลาสที่จะถูกจัดเป็นองค์ประกอบลองใช้คลาสเหล่านี้ให้เสร็จ แต่งแถบนำทาง