Question

祝你好运。

告诉我如何在bootstrap中映射这样的东西：

(%i1) foo : [[[1,-1/4],[1,1]],[[[1,2/3]],[[1,-1]]]] $

(%i2) [[vals, mults], vecs] : foo;
                         1                  2
(%o2)            [[[1, - -], [1, 1]], [[[1, -]], [[1, - 1]]]]
                         4                  3
(%i3) vals;
                                         1
(%o3)                              [1, - -]
                                         4
(%i4) mults;
(%o4)                               [1, 1]
(%i5) vecs;
                                  2
(%o5)                       [[[1, -]], [[1, - 1]]]
                                  3
(%i6) apply (append, vecs);
                                   2
(%o6)                         [[1, -], [1, - 1]]
                                   3
(%i7) apply (matrix, apply (append, vecs));
                                  [     2  ]
                                  [ 1   -  ]
(%o7)                             [     3  ]
                                  [        ]
                                  [ 1  - 1 ]
(%i8) transpose (%);
                                  [ 1   1  ]
                                  [        ]
(%o8)                             [ 2      ]
                                  [ -  - 1 ]
                                  [ 3      ]

左边会有一张大图，右边两张50％（或66/33）

制作两列时没有问题，而右两行则没有问题，但是右边的图片不会超出左边的高度。

提前感谢您的帮助

Answer 1

左列中的图像宽度似乎溢出其父级。还有一个边距阻止左右列折叠

防止其他元素受到影响

将类名left-col添加到类名为col-md-6

的第一个div中

将类名righ-col添加到第二个div，其类名为col-md-6

样式如下

.left-col{
  padding-right:0;
  margin-right:0;
}
.right-col{
  padding-left:0;
  margin-lrft:0''
}
.col-md-6 img{
  width:100%;
  height:100%;
}

下面的代码段

pen is here

如何在bootstrap中创建这样的表？

1 个答案: