Mobile Bootstrap Carousel -字体大小调整

文章/答案/技术大牛

发布

1回答

html、css、bootstrap-4

我已经向我正在工作的站点添加了一个简单的bootstrap 4 carousel，并且该carousel本身工作正常。当我在移动设备(Galaxy S8+)上查看站点并向下滚动到引导程序转盘时，字体大小最初是正确的，但当我滚动每个转盘项目时，字体大小会变大。@media screen and (max-width: 1200p

浏览 20提问于2018-07-25得票数 0

2回答

引导旋转木马如何隐藏一个项目从滑块上的xs大小？

javascript、jquery、css、twitter-bootstrap、twitter-bootstrap-3

当我在carousel中将类'hidden-xs‘添加到这个项目中时，项目div看起来像这样： <img src="imgTop2.我的代码看起来像这样： <!="#<

浏览 3提问于2015-04-23得票数 5

1回答

关于具有Bootstrap网格系统的响应式网页的查询和CSS媒体查询

html、css、bootstrap-4、bootstrap-carousel

我已经用Bootstrap做了一个网站，并使用了它的网格系统和CSS媒体查询，它是响应的，但我必须根据媒体查询中的最小宽度来设置字体大小，这使得它在达到相同媒体查询的最大宽度时变得更小。如何调整字体大小，使其适合该媒体查询中的所有屏幕大小？我是否需要为所有情况编写单独的媒体查询？Bootstrap Carousel也是如此。我想在所有尺寸上实现相似的外观，这是可能的吗？

浏览 2提问于2018-10-24得票数 0

2回答

如何在移动视图上更改Bootstrap Carousel的图像？

javascript、html、jquery、css、bootstrap-4

/*Carousel CSS for Mobile View*/ #banner-one img{ } #banner-two img{ background-image: url("/images/mobile_ba

浏览 33提问于2021-01-30得票数 1

回答已采纳

3回答

如何在iPhone设备上改变Jssor图像滑翔机的尺寸而不丢失它的响应性、图像纵横比等？

javascript、jquery、css、iphone、jssor

我正在开发的网站在本质上是响应性的，即网站设计会根据浏览的设备进行调整。为此，我使用了引导框架。上述尺寸变化只应发生在iPhone上，而不应发生在任何其他设备上。

浏览 0提问于2014-10-28得票数 3

回答已采纳

2回答

两页上使用touchSwipe的引导旋转木马不会滑动

jquery、twitter-bootstrap、carousel、ratchet-bootstrap

script src="http://ajax.googleapis.com/ajax/libs/jquery/1.9.1/jquery.min.js"></script <ol class="carousel-indicators"> <li data-target=

浏览 0提问于2016-05-10得票数 1

2回答

img属性的媒体查询

html、css、twitter-bootstrap、media-queries

lorempixel.com/1500/600/abstract/1" class="img-responsive"> <div class="carousel-caption"> <p>Bootstrap</

浏览 2提问于2017-07-10得票数 1

回答已采纳

1回答

引导转盘标题没有响应吗？(HTML、CSS)

html、css、responsive、caption

看起来不错，但每当我调整窗口大小以查看它在移动设备上的外观时，h3和p-tag几乎不会调整。;} <link rel="stylesheet" href="https://maxcdn.bootstrapcdn.com/bootstrap/4.0.0-alpha.6/css/bootstrap.

浏览 6提问于2019-03-16得票数 0

1回答

Twitter bootstrap和carousel* touch*

twitter-bootstrap

我已经看到了如何在bootstrap touhch/swipe中制作轮播的解决方案的ltos。但我使用的任何解决方案对我都不起作用。滑块仍然处于静止状态，并且仅在箭头上有效。使用jquery mobile的解决方案：$(document).ready(function() { $("#carousel-exa

浏览 1提问于2014-06-19得票数 0

1回答

未定义的TypeError:无法读取未定义的属性(读取“键盘”)

javascript、wordpress-theming、carousel、bootstrap-5

我去carousel.js if (this._config.keyboard) { EventHandler.on(this.

浏览 7提问于2022-09-06得票数 0

1回答

Bootstrap 3 Carousel调整

jquery、twitter-bootstrap、twitter-bootstrap-3、carousel

当我在Bootstrap 2.x.x中工作时，它会添加如下脚本： jQuery(function($){

浏览 0提问于2014-01-22得票数 0

5回答

轮播引导程序中的响应式文本

html、css、twitter-bootstrap、carousel

我的问题是如何让这个文本在carousel中得到响应。你有什么窍门吗？我的问题被误解了。我的意思是，我会有一个文本块，并让它在旋转木马中响应。

浏览 1提问于2014-09-18得票数 1

1回答

我想采用半页背景滑块模板从引导(代码在下面的链接)，但遇到困难时，调整页面在桌面上，因为背景图像没有相应地调整大小。请解释半滑块. the中的高度和重量设置。当前的实现在移动设备和平板设备上屏蔽了照片顶部的景观视图，这也是我在调整页面其余部分大小时试图调整半滑块照片大小的原因。-- Brand and toggle get grouped for better mobile display --> <div class="navbar-header">

浏览 4提问于2016-11-17得票数 1

回答已采纳

3回答

twitter-引导中心旋转木马图像无限制屏幕大小

html、css、twitter-bootstrap

在任何时候，图像都不应被调整大小或缩放。 <h1>Bootstrap 3 Carousel Layout</h1> <pthis is="" an="" example="" layout="" with=""

浏览 3提问于2013-10-18得票数 7

5回答

如何使用bootstrap* carousel for wordpress网站删除移动版中的第一张幻灯片*

javascript、jquery、html、css、wordpress

我已经创建了wordpress网站并实现了bootstrap carousel，这是没有问题的。 $(".carousel-inner .carousel-item").find("" class="carousel bs-s

浏览 2提问于2018-10-08得票数 0

2回答

Bootstrap Carousel滑块和锤子库

javascript、jquery、twitter-bootstrap、hammer.js

我用锤子在一个bootstrap滑块中滑动:我这样做的：$(document).ready(function() { <div class="item active" id="mobile-item1"> <img src="http://c

浏览 11提问于2016-08-26得票数 0

回答已采纳

1回答

如何使旋转木马标题响应？我已经在描述框中添加了图片和代码，请查看

javascript、html、css、twitter-bootstrap

<div id="carouselExampleCaptions" class="carousel slide" data-ride="carousel"> <div class="carousel-item active"> <img src="image/ramya-carusel.

浏览 0提问于2019-12-28得票数 0

2回答

引导小屏幕上缺少的图像旋转木马文本/指示器

twitter-bootstrap、carousel

<div class="container" id="index"> <ol class="carousel-indicators">

浏览 0提问于2017-09-27得票数 1

回答已采纳

1回答

引导旋转木马图像响应，但容器/项不响应

css、twitter-bootstrap、carousel

我有引导旋转木马工作，当窗口变小时，图像被正确地调整大小。然而，周围的容器仍然保持相同的高度，当它是大的。任何设置高度: auto；或高度:100%的尝试都可能允许容器/项目调整大小，从而导致图像完全消失。<!DOCTYPE html> <head> <link href="bo

浏览 2提问于2014-02-10得票数 1

回答已采纳

1回答

部分文本应该使用纯html css、JavaScript或jQuery在旋转木马中更改

jquery、html、css、carousel、aurelia

/4.0.0/js/bootstrap.min.js"></script><link href="https://maxcdn.bootstrap

浏览 5提问于2020-02-20得票数 1

点击加载更多