Css

Search

how to style navbar-toggler-icon bootstrap 5

 <!--HTML-->
 <button class="navbar-toggler custom-toggler" type="button" data-bs-toggle="collapse" data-bs-target="#navbarSupportedContent" aria-controls="navbarSupportedContent" aria-expanded="false" aria-label="Toggle navigation">
    <span class="navbar-toggler-icon  "></span>
 </button>
 
<!--STYLE-->
<!--CHANGE THE STROKE COLOR-->
.custom-toggler .navbar-toggler-icon {
  background-image: url("data:image/svg+xml;charset=utf8,%3Csvg viewBox='0 0 32 32' xmlns='http://www.w3.org/2000/svg'%3E%3Cpath stroke='rgba(255,255,255, 1)' stroke-width='2' stroke-linecap='round' stroke-miterlimit='10' d='M4 8h24M4 16h24M4 24h24'/%3E%3C/svg%3E");
}

Comment

PREVIOUS	NEXT

Code Example
Css :: Unable to locate package neo4j
Css :: css border without changing size
Css :: scss mixin
Css :: all text in caps using css
Css :: linear gradient in css
Css :: auto zoom image css
Css :: display flex align last item to left
Css :: multer buffer undefined
Css :: jQuery ripple effects
Css :: vertical center before css
Css :: working with tailwind css on your react build
Css :: css negative padding
Css :: code css for mozila
Css :: increase clickable area css
Css :: red color hex
Css :: padding left
Css :: how to round input border
Css :: animation clip path
Css :: css box shadow transform rotate
Css :: image transparent
Css :: css keep aspect ratio image
Css :: take out side bar in css
Css :: css changer la couleur de la sélection
Css :: how to allign li in row
Css :: how to create polaroid effect in css
Css :: calling synchronous methods on native modules is not supported in chrome
Css :: touch-action in css
Css :: background remover
Css :: using css custom properties root
Css :: box-sizing

Search

CSS

how to style navbar-toggler-icon bootstrap 5

ADD CONTENT