Bom*_*ber 6 css react-bootstrap
我有以下css打破我的布局:
@media (min-width: 768px)
.row {
display: flex;
}
Run Code Online (Sandbox Code Playgroud)
我可以禁用显示弹性规则吗?谁能解释为什么会这样?
更新:
目前使用boostrap-sass,"bootstrap-sass":"~3.3.5"无法找到我的sass文件中的行,可能没什么帮助,但它出现在我编译的css中:
strong {
font-weight: 600; }
.wrapper {
padding: 50px 20px; }
// row class here
**@media (min-width: 768px) {
.row {
display: flex; } }**
@media (min-width: 768px) {
.column {
width: 50%; }
.column:first-child {
margin-right: 20px; } }
.modal__button {
margin-right: 5px; }
@media (max-width: 500px) {
.modal-dialog {
width: 100%;
margin: 10px auto; } }
.week-navigation {
float: right; }
.week-navigation__next-button {
float: right; }
Run Code Online (Sandbox Code Playgroud)
CSS显示属性有几个可能的值.其中一个,也是最近的一个是flex.具有flex的HTML元素将自动将默认属性应用于其子元素.您可以查看以下网址以了解Flex的工作原理https://css-tricks.com/snippets/css/a-guide-to-flexbox/ 因此,如果您不想使用它,只需覆盖它,运用
@media (min-width: 768px)
.row {
display: block;
}
Run Code Online (Sandbox Code Playgroud)
例如.