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

GodWar

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

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

Cyncacark

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

Похожие темы	Дата
Видео уроки по PHOTOSHOP качаем	19.12.2024, 05:12
Помогите создать кнопку воспроизведение радио потока	19.12.2024, 05:12
помогите мне решить проблемы с медленным сайтом	19.12.2024, 05:12
Как переместить весь сайт с длинными URL-адресами в Wordpress?	19.12.2024, 05:12
Как ограничить просмотр страницы только ОДИН РАЗ для каждого посетителя с помощью файлов cookie?	19.12.2024, 05:12
Программистам слишком сложно написать макет CSS??	19.12.2024, 05:12
Переменная справка HTML	19.12.2024, 05:12
Total Noob – элементы не отображаются на странице до тех пор, пока не будут даны ответы на запросы.	19.12.2024, 05:12
Как правильно добавить Google ReCaptcha	19.12.2024, 05:12
Скрыть поле, если оно пусто	19.12.2024, 05:12

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

GodWar

AndreyKA1

Ryzan

6po

Cyncacark

I AM

Интересно