Html 转盘中的文本响应(引导4)l

Html 转盘中的文本响应(引导4)l,html,css,twitter-bootstrap,bootstrap-4,Html,Css,Twitter Bootstrap,Bootstrap 4,我用上面的代码做了一个旋转木马,里面有一个文本。当我在智能手机上缩小屏幕或打开网站时,文本都没有对齐。有人知道我需要做什么吗?我已经寻找了很多网站的例子,但我没有找到一个很好的解决这个问题的答案 例如,如果文本如下所示: 欢迎来到我的网站 我很高兴你来了 当我在手机中调整大小或打开时,文本是这样的: 我们 L C 嗯 E 到 我的 伊特 (……) HTML代码与Bootstrap 4官方网站的示例非常相似: /*自定义旋转木马 --------------------------------

我用上面的代码做了一个旋转木马,里面有一个文本。当我在智能手机上缩小屏幕或打开网站时,文本都没有对齐。有人知道我需要做什么吗?我已经寻找了很多网站的例子,但我没有找到一个很好的解决这个问题的答案

例如,如果文本如下所示:

欢迎来到我的网站 我很高兴你来了

当我在手机中调整大小或打开时,文本是这样的:

我们

L

C

E

我的

伊特

(……)

HTML代码与Bootstrap 4官方网站的示例非常相似:

/*自定义旋转木马
-------------------------------------------------- */
/*旋转木马基类*/
旋转木马{
边缘底部:4rem;
}
/*由于定位图像,我们需要帮助解决标题问题*/
.旋转木马标题{
z指数:10;
底部:3rem;
}
/*由于img元素的定位而声明高度*/
.传送带项目{
高度:32雷姆;
背景色:#777;
}
.carousel项目>img{
位置:绝对位置;
排名:0;
左:0;
最小宽度:100%;
高度:32雷姆;
}
/*响应式CSS
-------------------------------------------------- */
@介质(最小宽度:40em){
/*增大传送带内容的大小*/
.carousel标题p{
保证金底部:1.25雷姆;
字体大小:1.25rem;
线高:1.4;
}
.专题标题{
字体大小:50px;
}
}
@介质(最小宽度:62em){
.专题标题{
边缘顶部:7雷姆;
}
}

  • 示例标题。 我是奥迪奥先生,我是艾格斯塔·艾格特·奎姆先生。Donec在eget metus为非mi porta孕妇确定了最佳身份。我不知道是谁干的,我不知道是谁干的

    另一个例子是标题。 我是奥迪奥先生,我是艾格斯塔·艾格特·奎姆先生。Donec在eget metus为非mi porta孕妇确定了最佳身份。我不知道是谁干的,我不知道是谁干的

    再来一杯。 我是奥迪奥先生,我是艾格斯塔·艾格特·奎姆先生。Donec在eget metus为非mi porta孕妇确定了最佳身份。我不知道是谁干的,我不知道是谁干的


    以字母开头。您正在使用的示例有各种自定义设置,如果您“对引导和CSS的了解是基本的”,那么这些自定义设置可能会令人困惑。

    在什么意义上不一致?你想让文本垂直居中于旋转木马中吗?我编辑了这篇文章,向你展示了一个示例,你看到的是什么样的视口宽度?我有250的视口,它的显示相当好。你可以用滑块或显示图标查看和调整视口宽度。正如我所说,我已经复制并粘贴了Bootstrap官方网站的代码。我对引导和CSS的了解是基本的。我真的很感激你的帮助。我会试着告诉你它是否有效