您的当前位置：首页 Chapter2unit1ofBootstrap-BootstrapCSS_html/css

Chapter2unit1ofBootstrap-BootstrapCSS_html/css

来源：HK娱乐网

1.7 Lists

ul ol dl

1.7.1 Unordered list

If you have an ordered list that you would like to remove the bullets from, add class="unstyled" to the opening tag :

Favorite Outdoor Activities

Backpacking in Yosemite

Hiking in Arches

Delicate Arch

Park Avenue

Biking the Flintstones Trail

1.7.2 Ordered list

An ordered list is a list that falls in some sort of sequential order and is prefaced by numbers rather than bullets (see Figure 2-10). This is handy when you want to build a
list of numbered items like a task list, guide items, or even a list of comments on a blog post:

Self-Referential Task List

Turn off the internet.

Write the book.

... Profit?

1.7.3 Definition list

The third type of list you get with Bootstrap is the definition list. The definition list differs from the ordered and unordered list in that instead of just having a block-level

element, each list item can consist of both the and the elements. stands for “definition term,” and like a dictionary, this is the term (or phrase) that is being defined. Subsequently, the is the definition of the . A lot of times in markup, you will see people using headings inside an unordered list. This works, but may not be the most semantic(语义学的）way to mark up the text. A better method would be creating a and then styling the and as you would the heading and the text .That being said, Bootstrap offers some clean default styles and an option for a side-by-side layout of each definition:

Common Electronics Parts

LED
A light-emitting diode (LED) is a semiconductor light source.
Servo
Servos are small, cheap, mass-produced actuators used for radio control and small robotics.

To change the to a horizontal layout, with the on the left side and the on the right, simply add class="dl-horizontal" to the opening tag