Twitter bootstrap 如何通过sass连续应用flex行为?
例如,我有以下HTML:Twitter bootstrap 如何通过sass连续应用flex行为?,twitter-bootstrap,sass,bootstrap-4,Twitter Bootstrap,Sass,Bootstrap 4,例如,我有以下HTML: 使用sass,我指定如下行和列: .header\u容器{ @包括make-container(); } .标题信息行{ @包括make-row(); } .标题\导航行{ @包括make-row(); } 社会学院{ @包括make-col-ready(); @包括介质断点向上(xs){ @包括makecol(6); } } .联络{ @包括make-col-ready(); @包括介质断点向上(xs){ @包括makecol(6); } } 是否有任何方法可以
使用sass,我指定如下行和列:
.header\u容器{
@包括make-container();
}
.标题信息行{
@包括make-row();
}
.标题\导航行{
@包括make-row();
}
社会学院{
@包括make-col-ready();
@包括介质断点向上(xs){
@包括makecol(6);
}
}
.联络{
@包括make-col-ready();
@包括介质断点向上(xs){
@包括makecol(6);
}
}
是否有任何方法可以指定内部sass flex行为,如d-flex、对齐内容、对齐内容等?据您在Bootstrap文档中看到的,除了sass mixin之外,它们还提供类来控制网格元素的css行为。比如说
<div class="row justify-content-center">
<div class="row justify-content-end">
<div class="col align-self-start">
所以我很确定如果你摆弄这些类,你会得到你想要的行为
如果您想要自定义解决方案,请编写您自己的sass mixin,并在引导的mixin之后包含它,以便覆盖它们提供的默认值 在Bootstrap的文档中可以看到,除了sass mixin之外,它们还提供类来控制网格元素的css行为。比如说
<div class="row justify-content-center">
<div class="row justify-content-end">
<div class="col align-self-start">
所以我很确定如果你摆弄这些类,你会得到你想要的行为
如果您想要自定义解决方案,请编写您自己的sass mixin,并在引导的mixin之后包含它,以便覆盖它们提供的默认值 是什么阻止您使用
display:flex代码>和常规CSS规则?是什么阻止你使用display:flex代码>和常规CSS规则?