Пагинация Boostrap не выровнена

[creatxtmanagerwmboard]

Может ли кто-нибудь помочь мне выровнять нумерацию страниц? Спасибо, Джереми.

Изображение вывода
https://i.imgsafe.org/642b61ecdf.jpg

<div>
<ul class="pagination"> <li class="page-item"><a class="page-link" href="browse.php?page=23">&laquo;</a></li>
<li class="page-item"><a class="page-link" href="browse.php?page=24">24</a></li>
<li class="page-item"><a class="page-link" href="browse.php?page=25">25</a></li>
<li class="page-item"><a class="page-link" href="browse.php?page=26">26</a></li>
<li class="page-item"><a class="page-link" href="browse.php?page=27">27</a></li>
<li class="page-item"><a class="page-link" href="browse.php?page=28">28</a></li>
<li class="page-item"><a class="page-link" href="browse.php?page=29">29</a></li>
<li class="page-item"><a class="page-link" href="browse.php?page=30">30</a></li>
<li class="page-item"><a class="page-link" href="browse.php?page=31">31</a></li>
<li class="page-item"><a class="page-link" href="browse.php?page=32">32</a></li>
<li class="page-item"><a class="page-link" href="browse.php?page=33">33</a></li>
<li class="page-item"><a class="page-link" href="browse.php?page=34">34</a></li>
<li class="page-item"><a class="page-link" href="browse.php?page=25">&raquo;</a></li></ul>
</div>

Код (разметка):

 

[AndreyKA1]

Спасибо за ответ. Ты прав. Я нашел конфликтующее правило, но, как ни странно, это не идентификатор, прикрепленный к чему-либо на странице, на которой возникает ошибка.

#page-rules ol, li{ margin-left:24px; margin-top:8px;
}

Код (разметка):

 

[Ryzan]

Это странно, потому что когда я запускаю тест, он не показывает, что они сломаны:

https://jsfiddle.net/dtp30sky/

1. Какой-то другой файл .css мешает вашему загрузочному .css.
2. Ваш загрузочный файл поврежден. Вы можете скопировать и вставить этот код .css по ссылке выше, чтобы посмотреть, решит ли это проблему.

 

[6po]

Я мог бы помочь, если бы вы выкинули на обочину эту идиотскую, раздутую, дышащую ртом, полоумную, идиотическую, тупую, невежественную ерунду, известную как дерьмо, на обочину... что с DIV даром, бесконечными бессмысленными классами даром и т. д. и т. п., просто ПИСАЕТСЯ по всей разметке.

Это означает сокращение HTML до:

.pagination {
overflow:hidden; 
zoom:1; 
list-style:none;
}
.pagination li {
dsiplay:inline; 
}
.pagination a {
float:left; 
text-decoration:none;
color:#048; 
padding:0.25em 0.5em;
border:solid #CCC;
border-width:1px 0 1px 1px;
}
.pagination a:first-child {
border-radius:0.25em 0 0 0.25em;
}
.pagination a:last-child {
border-width:1px;
border-radius:0 0.25em 0.25em 0;
}

Код (разметка): С CSS примерно так:

<ul class="pagination"> <li><a href="browse.php?page=23">&laquo;</a></li> <li><a href="browse.php?page=24">24</a></li> <li><a href="browse.php?page=25">25</a></li> <li><a href="browse.php?page=26">26</a></li> <li><a href="browse.php?page=27">27</a></li> <li><a href="browse.php?page=28">28</a></li> <li><a href="browse.php?page=29">29</a></li> <li><a href="browse.php?page=30">30</a></li> <li><a href="browse.php?page=31">31</a></li> <li><a href="browse.php?page=32">32</a></li> <li><a href="browse.php?page=33">33</a></li> <li><a href="browse.php?page=34">34</a></li> <li><a href="browse.php?page=25">&raquo;</a></li> </ul>
Код (разметка): Но нет, продолжайте травить этого сумасшедшего презентационными классами и раздутой дымящейся кучей ерунды, известной как буткрап, в то же время выбрасывая в два-четыре раза больше необходимого HTML и не понимая даже самых простых частей правильного использования CSS.

 

[Виктор Соболь]

Ли в этом наборе правил нет происходит от #page-rules, он применяется ко всем элементам li, если только он не переопределен порядком правил или более высокой специфичностью. Запятая делает селекторов братьями и сестрами, а не потомками.

ваше здоровье,

Гэри