boostrap перечисляет встроенные проблемы с скрипкой и попыткой кода - PullRequest
Новая
       16

boostrap перечисляет встроенные проблемы с скрипкой и попыткой кода

0 голосов
/ 03 июля 2019

У новичков в кодировании есть проблема с надстройкой, связанная со встроенным списком и отсутствием функции отображения.

Я пробовал это в возвышенном тексте и jsfiddle, но ни один из них не дал мне желаемого конечного результата.

Примечание: 2 cdnjs уже добавлены к скрипке

Посещение: http://jsfiddle.net/thomasmccabe44/fqce10na/ 

<ul class="list-unstyled">
  <li>Item One</li>
  <li>Item Two</li>
  <li>Item Three</li>
</ul>  

<ul style="display: inline;">
  <li>Item One</li>
  <li>Item Two</li>
  <li>Item Three</li>
</ul>  

<hr>

Попытка 2

Элемент первый Элемент Два Элемент Три

Попытка 3

Элемент Один Элемент Два ЭлементТри

Я ожидал: Элемент Один Элемент Два Элемент Три

Фактические результаты: Элемент Один Элемент Два Элемент Три

или

Элемент Один ЭлементДва Пункт Три

Все вернулись с пунктами пули.

1 Ответ

1 голос
/ 03 июля 2019

В Bootrstrap 4 ваш ul должен иметь класс list-inline, а ваши li должны иметь класс list-inline-item: 

<link href="https://stackpath.bootstrapcdn.com/bootstrap/4.3.1/css/bootstrap.min.css" rel="stylesheet"/>
<div class="container">
  <ul class="list-inline">
    <li class="list-inline-item">Item One</li>
    <li class="list-inline-item">Item Two</li>
    <li class="list-inline-item">Item Three</li>
  </ul>  
</div>
...