Twitter bootstrap 如何通过sass连续应用flex行为?

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); } } 是否有任何方法可以

例如,我有以下HTML:


使用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规则?