Bootstrap   发布时间:2022-04-18  发布网站:大佬教程  code.js-code.com
大佬教程收集整理的这篇文章主要介绍了twitter-bootstrap-4 – 在Bootstrap 4中做什么偏移?大佬教程大佬觉得挺不错的,现在分享给大家,也给大家做个参考。
我正在关注网页创建教程,教师用“col-sm-offset-1”类创建了一个部门.这对于该类中div的内容有什么作用?这是完整的代码

< div class =“col-sm-10 col-sm-offset-1”> https://jsfiddle.net/zmtmphtq/

解决方法

根据bootstrap 4.0 .offset类可用.

1.使用class .offset See bootstrap offset documentaion

<div class="row">
  <div class="col-md-4">.col-md-4</div>
  <div class="col-md-4 offset-md-4">.col-md-4 .offset-md-4</div>
</div>

2.或者使用class .mr(margin-right).ml(mrgin-left),See bootstrap spacing documentaion

`<div class="row">
   <div class="col-4 mr-5">col-4</div>
   <div class="col-4 ml-5">col-4</div>
</div>`

3.或者创建一个您希望偏移量大的空列

`<div class="row">
  <div class="col-4"></div>
  <div class="col">col-4</div>
 </div>`

4.或使用.mr-auto来偏移下一列

`<div class="row">
    <div class="col-4 mr-auto">col-4</div>
    <div class="col-4">col-4</div>
 </div>`

See the code in this codepen

大佬总结

以上是大佬教程为你收集整理的twitter-bootstrap-4 – 在Bootstrap 4中做什么偏移?全部内容,希望文章能够帮你解决twitter-bootstrap-4 – 在Bootstrap 4中做什么偏移?所遇到的程序开发问题。

如果觉得大佬教程网站内容还不错,欢迎将大佬教程推荐给程序员好友。

本图文内容来源于网友网络收集整理提供,作为学习参考使用,版权属于原作者。
如您有任何意见或建议可联系处理。小编QQ:384754419,请注明来意。