如何使用离子制备2柱响应系统

Question

我想制作一个2列响应式系统。我希望徽章（2）具有一列内容的确切大小，而列（1）具有应有的空间。我该怎么做？这是我的代码：

iabcd=0
!$OMP PARALLEL DEFAULT(PRIVATE) SHARED(icheck,iv,HO,tnljm,H)
!$OMP DO SCHEDULE(DYNAMIC) REDUCTION(+: iabcd)
do ia=1,HO%NLEV 
  do ib=ia+1,HO%NLEV
    do ic=1,HO%NLEV
      do id=ic+1,HO%NLEV
        if(tnljm%t(ia)+tnljm%t(ib) .ne. tnljm%t(ic)+tnljm%t(id)) cycle 
        iabcd = iabcd + 1
        H%ka(iabcd) = ia
        H%kb(iabcd) = ib
        H%kc(iabcd) = ic
        H%kd(iabcd) = id
        H%ME2BM(iabcd) = 0.d0
      enddo
    enddo
  enddo
enddo
!$OMP END DO
!$OMP END PARALLEL

实际结果：

Answer 1

将第1列的col-10更改为col-12 col-sm。

Answer 2

您需要做的是将col-xs-10替换为sm。当没有指定断点时，Ionic'll将回退到(min-width: 576px)断点，默认情况下为col-auto，因此这就是在小型视口设备中网格中断到第二行的原因。这样一来，您的徽章列的self就可以正常工作。

希望这会有所帮助。