Customizing "navs" property @grid-float-breakpoint
I´m trying to customize this property of bootstrap with your package.
My custom.bootstrap.json looks like:
{"modules": {
"navbar": true
}}
I modify the file custom.bootstrap.import.less to put the value:
@grid-float-breakpoint: 1111px;
The generated custom.bootstrap.less looks right but in the final .css file (generated css file for while project) sometimes the property has the value changed and sometimes not.
For example this couple of media queries get the grid-float-breakpoint value correctly:
@media (min-width: 1111px) {
.navbar {
border-radius: 4px;
}
}
@media (min-width: 1111px) {
.navbar-header {
float: left;
}
}
But sometimes it doesn´t work (it has the old value):
@media (min-width: 768px) {
.navbar-collapse {
width: auto;
border-top: 0;
-webkit-box-shadow: none;
box-shadow: none;
}
Thank you.
I think you are trying to show me an "before and after" but both code snippets are from different parts of bootstrap. Or am I missing something?
Btw. you can use GitHub flavored markdown to make the code more readable. It helps to more quickly see whats code and whats your explanation. ;)
Hello.
I updated my issue description.
It´s just I´m trying to change this value and in the final css file the property it´s not changed everywhere.
Thank you
thanks, much more easy to read.
Hoever, I can't replicate your issue. I changed @grid-float-breakpoint to 1111px and the generated file seems to be right.
@media (min-width: 1111px) {
.navbar-collapse {
width: auto;
border-top: 0;
box-shadow: none;
}
Do you import the bootstrap.less in other files? How do you set the variable?
I used your package in a single project and of course I can´t replicate the issue.
However I´m using in my project the following packages:
accounts-password
hckrs:summernote
ian:accounts-ui-bootstrap-3
less
nemo64:bootstrap
peppelg:bootstrap-3-modal
rgoomar:bootstrap-validator
standard-app-packages
If you try with this package combination you can see the issue. I don´t know if some package is overwriting the value.