如何更改Bootstrap 4网格中的偏移量大小?

问题描述 投票:0回答:1

我在Angular 8应用程序中使用bootstrap 4。在我的主页上,我有两个大小分别为md-5md-6的组件,我想用offset-md-1分开它们。但是偏移量很大,我不想在组件之间有那么大的空间。如何减小offset的尺寸? offset-md-0.5可以工作吗?除了使用引导程序offset,您还能提出其他更好的方法吗?这是我的代码:

<div class="container-fluid padding">
    <div class="row">
        <div class="container1 col-xs-12 col-sm-12 col-md-5">
            <app-projectstatus></app-projectstatus>
        </div>
        <div class="container2 col-xs-12 col-sm-12 col-md-6 offset-md-1">
            <app-upcomingreleases></app-upcomingreleases>
        </div>
    </div>
</div>
html css bootstrap-4 frontend angular-ui-bootstrap
1个回答
0
投票

使用ml-auto而不是offset-md-1,对您来说很完美。

尝试此代码:

<div class="container-fluid padding">
    <div class="row">
        <div class="container1 col-xs-12 col-sm-12 col-md-5">
            <app-projectstatus></app-projectstatus>
        </div>
        <div class="container2 col-xs-12 col-sm-12 col-md-6 ml-auto">
            <app-upcomingreleases></app-upcomingreleases>
        </div>
    </div>
</div>

我希望这对您来说很完美。

谢谢...

© www.soinside.com 2019 - 2024. All rights reserved.