Bootstrap template - item-list-type: square not working

Я уже дважды просматривал файл bootstrap css, и отладчик не показывает ничего, что перезаписывает код, который я использую.Bootstrap template - item-list-type: square not working

Это список я получил:

   <ul class="list-inline">    
       <li><a href="#april15" class="months">April '15</a></li> 
       <li><a href="#may15" class="months">May '15</a></li> 
       <li><a href="#june15" class="months">June '15</a></li> 
       <li><a href="#july15" class="months">July '15</a></li> 
       <li><a href="#august15" class="months">August '15</a></li> 
       <li><a href="#september15" class="months">Sep '15</a></li> 
       <li><a href="#october15" class="months">Oct '15</a></li> 
       <li><a href="#november15" class="months">Nov '15</a></li> 
       <li><a href="#december15" class="months">Dec '15</a></li> 
       <li><a href="#2016" class="months">Q1 '16</a></li> 
       <li><a href="#2016" class="months">Q2 '16</a></li> 
       <li><a href="#2016" class="months">2016</a></li> 
       </ul>

Это устанавливаемыми сотовыми

.list-inline { 
background-color: #fff; 
width: 100%; 
padding:0; 
list-style-type: square; 
}

Это CSS

{ 
padding-left:20px; 
font-size:16px; 
text-align: center; 
color: #222;  
}

Я использовал каждый трюк я мог найти, например, важно, играя с полями/paddings, но ничто не изменило того факта, что мои квадраты не появляются.

источник

2015-04-10 Michael

Для того, чтобы пуля была нарисована на элементе списка DOM, этот элемент должен иметь display:list-item. Кажется, что ваши <li> s имеют другие отображаемые значения. Я подозреваю, что это встроенный или встроенный блок.

Возможно, вам понадобится использовать :: перед псевдоэлементом или фоновым изображением с квадратом.

Update:

li { display:inline-block; } 
 
li::before { content:"\25aa" }

<ul> 
 
    <li>First</li> 
 
    <li>Second</li> 
 
</ul>

источник

2015-04-10 20:40:30

Я действительно заметил во время кодирования (должен был упомянуть об этом), что проблема возникает всякий раз, когда я переключаюсь на отображение: block. Если я использую display: list-item, списки сортируются по вертикали, и все это разрушает все, но показаны квадраты. – Michael

Я обновил свой ответ с помощью образца. –

Работает безупречно сейчас, спасибо! Я не знаком с тем, что раньше, но я буду читать это сейчас, потому что ты спас свой день, используя его. – Michael

использование

.list-inline li { 
    list-style-type: square; 
}

Вы должны предназначаться литиево не уль

Как с-улыбка предположил, что это является наследуемым, так что вы можете просто удалить прокладку из мкл и это тоже работает.

источник

2015-04-10 20:37:37 craigie2204

'список-стиль-type' является наследуемым свойством, так что вы можете определить его емкость. –

Bootstrap template - item-list-type: square not working

ответ

Смежные вопросы