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

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

Изображение вывода
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>

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

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

 

#page-rules ol, li{

margin-left:24px;

margin-top:8px;

}

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

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

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

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

что с DIV даром, бесконечными бессмысленными классами даром и т. д. и т. п., просто ПИСАЕТСЯ по всей разметке. Это означает сокращение HTML до:

 


.pagination {


overflow:hidden; /* wrap floats and margins */


zoom:1; /* trip haslayout, wrap floats and margins legacy IE. Remove if you give a shit about IE6/earler */


list-style:none;


}


.pagination li {


dsiplay:inline; /* don't even TRY doing more with these */


}


.pagination a {


float:left; /* since you want no gaps */


text-decoration:none;


color:#048; /* use a LEGIBLE colour, you clearly weren't */


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, если только он не переопределен порядком правил или более высокой специфичностью. Запятая делает селекторов братьями и сестрами, а не потомками. ваше здоровье, Гэри