Boostrap 3 -4 активная ссылка класса - PullRequest
Новая
       5

Boostrap 3 -4 активная ссылка класса

0 голосов
/ 27 сентября 2018

Это мой код, использующий Bootstrap 3, и он дает мне список страниц внизу страницы по горизонтали, однако, когда я обновляюсь до Boostrap 4, список теперь вертикальный?Мне нужно, чтобы это было Горизонтально, какая идея? 

<?php

$number_list = array();
for($i =1; $i <= $count; $i++) {
    if($i == $page) {
        echo "<li '><a class='page-link' href='index.php?page={$i}'>{$i}</a></li>";
    }  else {
        echo "<li '><a href='index.php?page={$i}'>{$i}</a></li>";
    } 
}

?>

1 Ответ

0 голосов
/ 27 сентября 2018

Попробуйте использовать какой-нибудь CSS как-то так.Поплавок слева от li разместит их горизонтально, рядом друг с другом, правило переполнения для ul гарантирует, что весь контент удерживается внутри ul и не проливается. 

ul#name-of-ul {
    overflow: auto;
}

ul#name-of-ul li {
    float: left;
}

Если они все еще не выглядят горизонтальными, попробуйте добавить правило width в li.

...