Як відобразити список вбудованого за допомогою Bootstrap Twitter

Я хочу відобразити список вбудований за допомогою Bootstrap. Чи є клас, який я можу додати з Bootstrap, щоб досягти цього?

Запуск 2.3.2

<ul class="inline">
  <li>...</li>
</ul>

Завантаження 3

<ul class="list-inline">
  <li>...</li>
</ul>

Завантаження 4

<ul class="list-inline">
  <li class="list-inline-item">Lorem ipsum</li>
  <li class="list-inline-item">Phasellus iaculis</li>
  <li class="list-inline-item">Nulla volutpat</li>
</ul>

джерело: http://v4-alpha.getbootstrap.com/content/typography/#inline

Оновлене посилання https://getbootstrap.com/docs/4.4/content/typography/#inline

Відповідно до документації Bootstrap 2.3.2 та 3, клас слід визначати так:

Запуск 2.3.2

<ul class="inline">
  <li>...</li>
</ul>

Завантаження 3

<ul class="list-inline">
  <li>...</li>
</ul>

Хоча відповідь TheBrent в цілому вірна, вона не відповідає на питання, як це зробити офіційним способом завантаження. Розмітка для завантажувальної програми проста:

<ul class="inline">
  <li>1</li>
  <li>2</li>
  <li>3</li>
</ul>

Джерело

http://jsfiddle.net/MgcDU/4602/

Щоб завершити відповідь Реймонда

Запуск 2.3.2

<ul class="inline">
  <li>...</li>
</ul>

Завантаження 3

<ul class="list-inline">
  <li>...</li>
</ul>

Завантаження 4

<ul class="list-inline">
  <li class="list-inline-item">Lorem ipsum</li>
  <li class="list-inline-item">Phasellus iaculis</li>
  <li class="list-inline-item">Nulla volutpat</li>
</ul>

джерело: http://v4-alpha.getbootstrap.com/content/typography/#inline

Я не зміг знайти нічого конкретного в файлі bootstrap.css. Отже, я додав css у спеціальний файл css.

.inline li {
    display: inline;
}

Я вражений, що список-вбудований не працював у завантажувальній програмі 4, тоді нарешті я отримав це в документації на завантажувальну службу 4.

Запуск 3 і 4

<ul class="list-inline">
  <li class="list-inline-item">Lorem ipsum</li>
  <li class="list-inline-item">Phasellus iaculis</li>
  <li class="list-inline-item">Nulla volutpat</li>
</ul>

Джерело: http://v4-alpha.getbootstrap.com/content/typography/#inline

Це рішення працює за допомогою Bootstrap v2, однак у TBS3 клас INLINE. Я не зрозумів, що таке еквівалентний клас (якщо такий є) у TBS3.

Цей джентльмен мав досить гарну статтю про відмінності між v2 та v3.

http://mattduchek.com/differences-between-bootstrap-v2-3-and-v3-0/

EDIT - використовуйте CSS для націлювання на liелементи, щоб вирішити вашу проблему, як показано нижче

    { display: inline-block; }

У своїй ситуації я орієнтувався на UL, а не на LI

    nav ul li { display: inline-block; }

Inline - це насправді не рядка, яка нам може знадобитися - тобто display: inline

Вбудований рядок настільки, наскільки я спостерігаю, більше горизонтальної орієнтації

Щоб відобразити список в рядку з іншими елементами, тоді нам це потрібно

display: inline; added to the UL

<ul class="unstyled inline" style="display:inline">

NB // Додати в таблицю стилів

Відповідно до документації Bootstrap, вам потрібно додати клас "inline" до свого списку; подобається це:

<ul class="inline">
    <li>Item one</li>
    <li>Item two</li>
    <li>Item three</li>
</ul>

Однак це не працює, оскільки, здається, у файлі CSS Bootstrap CSS відсутній якийсь CSS, що посилається на клас 'inline'. Отже, додайте наступні рядки до файлу CSS, щоб він працював:

ul.inline > li, ol.inline > li {
    display: inline-block;
    padding-right: 5px;
    padding-left: 5px;
}