[RUBY] Bootstrap4 Change the color of the hamburger menu

Set with CSS

1. Change the color of the three lines in the hamburger menu

I'll play with rgba rgba (255,255,255,1)

.navbar-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");
}

2. Change the background color of the hamburger menu

.navbar-toggler{
  background-color: #000000;
}

3. Change the border of the hamburger menu

.navbar-toggler{
  border-color: #ffffff;
}

Recommended Posts

Bootstrap4 Change the color of the hamburger menu
[AndroidStudio] Change the color of the ActionBarDrawerToggle hamburger menu
[Eclipse] Change the color of the vertical ruler
[Swift] Change the color of SCN Node
<Android> Change the background color of the List row of ListView
[Swift] Change the textColor of UIDatePicker
I want to change the color of the upper control navigation bar (Control menu) in Liferay 7 / DXP
[Rails] Change the label name of f.label
Ransack sort_link How to change the color!
[swift5] How to change the color of TabBar or the color of item of TabBar with code
Change the URL of the application of Eclipse project (Maven).
Change the timezone of the https-portal container to JST
How Microservices Change the Way of Developing Applications
Change the location folder of Docker image & container
[Beginner] I tried to decorate the bar after displaying the details of the hamburger menu
[Active Admin] Color the title (panel) part of the form
[Rails] How to change the column name of the table
[Rails] Cancel / change the default password validation of devise
Change the storage quality of JPEG images in Java
The world of clara-rules (2)
Desktop: OpenCV Color Change
Judgment of the calendar
The world of clara-rules (4)
The world of clara-rules (1)
The world of clara-rules (3)
The world of clara-rules (5)
The idea of quicksort
The idea of jQuery
iOS app development: Timer app (9. Customize the color of the progress bar)
I want to change the log output settings of UtilLoggingJdbcLogger
Change the file name and output destination of the JavaVM error file
How to change the setting value of Springboot Hikari CP
[Rails] When the layout change of devise is not reflected
How to change the contents of the jar file without decompressing
When you want to change the MySQL password of docker-compose