Как сделать, чтобы на боковой панели отображался значок списка, когда он переключается?я использую бутстрап 4

Question

У меня есть простая навигационная панель начальной загрузки 4 с боковой панелью, и когда я переключаю ее, вся боковая панель скрывается, есть ли способ заставить ее отображать только значки списка, который есть на боковой панели?

Answer 1

вы можете уменьшить ширину элемента вместо того, чтобы скрывать его анимацией и выровнять значки по левой стороне боковой панели

javascript:

<script>
$("#your-button").click(function(){
   $("#your-sidebar").toggleClass('sidebar-close');
});
</script>

Css:

<style>
.sidebar-close{
    width: 32px!important; /* your icon size */
}
</style>

вы должны прикрепить jquery к вашей странице, если вы используете начальную загрузку, возможно, выуже включите его JQuery CDN ссылку:

<script src="https://ajax.googleapis.com/ajax/libs/jquery/3.4.1/jquery.min.js"></script>