• 关于

    Bootstrap轮播

    的搜索结果

问题

Bootstrap怎么实现在一个图片轮播框里一行同时放两张图?

我想让这两张图片显示在一行而不是一列,而且它们要有单独的文字解释,我应该怎么做?需要改动bootstrap源码吗?...
杨冬芳 2019-12-01 19:55:04 1832 浏览量 回答数 1

问题

前端进阶Bootstrap详解 【新手百问合集】

Bootstrap 提供了一个带有网格系统、链接样式、背景的基本结构,小编在这里为大家整理了一下常见的问题,希望能帮助到大家~1、bootstrap列偏移 https://yq.aliyun.com/ask/594212、关于j...
马铭芳 2019-12-01 20:09:03 6816 浏览量 回答数 3

回答

<!DOCTYPE html> <html lang="en" ng-app> <head> <meta charset="UTF-8"> <title>Picture carousel</title> <script type='text/javascript' src='angular.js'></script> <script src="//cdn.bootcss.com/angular-ui-bootstrap/0.13.3/ui-bootstrap.min.js"></script> <script src="//cdn.bootcss.com/angular-ui-bootstrap/0.13.3/ui-bootstrap-tpls.js"></script> <script>angular.module('ftitAppModule',[]).controller('Controller', function ($scope) { // 设置轮播图图片间隔 $scope.myInterval = 5000; // 轮播图数据初始化 var slides = $scope.slides = []; // 添加轮播图源 slides.push({ image: '/images/polygon-8.jpg', text: '心好累..' }); slides.push({ image: '/images/polygon-4.jpg', text: '让一个搞安全的写前端..' }); slides.push({ image: '/images/polygon-25.jpg', text: '想辞职了..' }); }); </script> </head> <body ng-controller="Controller"> <div> <carousel interval="myInterval"> <slide ng-repeat="slide in slides" active="slide.active"> <img ng-src="{{slide.image}}" style="margin:auto;"> <div class="carousel-caption"> <p>{{slide.text}}</p> </div> </slide> </carousel> </div> </body> </html>
小旋风柴进 2019-12-02 02:13:31 0 浏览量 回答数 0

回答

用slick.js。很强大。读读文档你就知道怎么设置了。bootstrap的轮播不是特别好用。
杨冬芳 2019-12-02 02:44:56 0 浏览量 回答数 0
阿里云大学 云服务器ECS com域名 网站域名whois查询 开发者平台 小程序定制 小程序开发 国内短信套餐包 开发者技术与产品 云数据库 图像识别 开发者问答 阿里云建站 阿里云备案 云市场 万网 阿里云帮助文档 免费套餐 开发者工具 企业信息查询 小程序开发制作 视频内容分析 企业网站制作 视频集锦 代理记账服务 企业建站模板