Twitter bootstrap 是否可以一次在旋转木马中显示两张幻灯片?

Twitter bootstrap 是否可以一次在旋转木马中显示两张幻灯片?,twitter-bootstrap,angularjs,carousel,angular-ui,angular-ui-bootstrap,Twitter Bootstrap,Angularjs,Carousel,Angular Ui,Angular Ui Bootstrap,我刚开始学习Angular.js,我正在Angular ui中使用Carousel控件。是否可以同时显示两张幻灯片而不是一张 我想显示像这样的图像- < image 1 image 2 > then < image 3 image 4 > then < image 5 image 6 > 然后 然后 这是一个样品- 您可以将图像分组在一起,然后对这些分组的图像重复ng。除了一些必要的样式修复外,以下是如何: HTML: JavaScript:

我刚开始学习Angular.js,我正在Angular ui中使用Carousel控件。是否可以同时显示两张幻灯片而不是一张

我想显示像这样的图像-

< image 1 image 2 >
then
< image 3 image 4 >
then
< image 5 image 6 >

然后

然后

这是一个样品-


您可以将图像分组在一起,然后对这些分组的图像重复
ng
。除了一些必要的样式修复外,以下是如何:

HTML:


JavaScript:

$scope.$watch('slides', function(values) {
  var i, a = [], b;

  for (i = 0; i < $scope.slides.length; i += 2) {
    b = { image1: $scope.slides[i] };

    if ($scope.slides[i + 1]) {
      b.image2 = $scope.slides[i + 1];
    }

    a.push(b);
  }

  $scope.groupedSlides = a;
}, true);
$scope.$watch('slides',函数(值){
var i,a=[],b;
对于(i=0;i<$scope.slides.length;i+=2){
b={image1:$scope.slides[i]};
如果($scope.slides[i+1]){
b、 image2=$scope.slides[i+1];
}
a、 推(b);
}
$scope.groupedSlides=a;
},对);

先生,您真是太棒了!它就像一个符咒。到目前为止,我喜欢有棱角的。快速问题-当我将鼠标悬停在图像上时,如何添加边框?只是使用CSS?如果我需要调整现有的CSS,我是否需要在本地下载bootstrap.CSS,然后进行更改(不再使用CDN)?您应该能够使用CSS中的
:hover
选择器添加边框,如
img:hover{border:1px solid red;}
。您不需要下载bootstrap.css并对其进行修改,您可以在本地编辑您自己的css文件,并在bootstrap.css之后包含它以覆盖任何您想要的内容。谢谢您的时间。这是有道理的。这个答案总的来说有帮助吗。。就像我在一个数组中有n个图像。到目前为止,这个答案只显示了2张图片(静态)。如果它是动态的呢?如果我需要显示4张幻灯片呢?
$scope.$watch('slides', function(values) {
  var i, a = [], b;

  for (i = 0; i < $scope.slides.length; i += 2) {
    b = { image1: $scope.slides[i] };

    if ($scope.slides[i + 1]) {
      b.image2 = $scope.slides[i + 1];
    }

    a.push(b);
  }

  $scope.groupedSlides = a;
}, true);