Html 需要一些关于媒体查询和CSS的建议吗

Html 需要一些关于媒体查询和CSS的建议吗,html,css,twitter-bootstrap,centering,Html,Css,Twitter Bootstrap,Centering,我希望有人能够帮助我解决一个问题,我目前正在设计一个网站。手机媒体查询是我挂断电话的地方 内容没有居中。我可以使用文本对齐属性简单地修复文本,并且我假设我可以将图像显示为块并使用margin:0 auto将其居中,问题是容器本身没有居中。我使用的是引导,它都在一个引导容器中 我认为问题的一部分在于,在小屏幕上,我隐藏了一些内容,这些内容位于我无法使用Bootstrap的“隐藏xs”和“隐藏sm”属性集中的内容的右侧 以下是屏幕截图中相关部分的代码,以及媒体查询的我的CSS。如果有人能给我指出正

我希望有人能够帮助我解决一个问题,我目前正在设计一个网站。手机媒体查询是我挂断电话的地方

内容没有居中。我可以使用文本对齐属性简单地修复文本,并且我假设我可以将图像显示为块并使用margin:0 auto将其居中,问题是容器本身没有居中。我使用的是引导,它都在一个引导容器中

我认为问题的一部分在于,在小屏幕上,我隐藏了一些内容,这些内容位于我无法使用Bootstrap的“隐藏xs”和“隐藏sm”属性集中的内容的右侧

以下是屏幕截图中相关部分的代码,以及媒体查询的我的CSS。如果有人能给我指出正确的方向,我将不胜感激

/*内容样式*/
.气体含量{
利润率:4.50em 0 4.50em 5%;
}
.左内容{
利润率:2.50em 0 2.50em 5%;
}
.内容容器{
宽度:75%;
浮动:左;
}
.测试容器{
宽度:25%;
浮动:左;
利润上限:-10px;
}
.上楼{
边缘顶部:-2米;
}
1.下楼{
边缘顶部:2米;
}
.img中心{
显示:块;
保证金:0自动;
}
.内容标题{
颜色:rgb(3,17,85);
字体系列:“蒙特塞拉特”,无衬线;
字号:600;
线高:1.50em;
}
李先生{
颜色:rgb(3,17,85);
字体系列:“蒙特塞拉特”,无衬线;
文本转换:大写;
字号:1.25em;
字号:600;
}
·紧急服务李{
颜色:rgb(3,17,85);
字体系列:“蒙特塞拉特”,无衬线;
文本转换:大写;
字号:1.25em;
字号:600;
}
.通讯录{
背景色:rgb(3,17,85);
填充:2em 0 6.50em 0;
}
.通讯录h3{
颜色:白色;
文本转换:大写;
左边距:15px;
字体系列:“蒙特塞拉特”,无衬线;
字号:600;
}
.联系方式{
颜色:白色;
左边距:15px;
}
埃兹图塞洛戈先生{
左边距:15px;
边缘底部:15px;
}
.剩下的服务{
右边距:0.50em;
}
.内容段落{
字体系列:“开放式Sans”,无衬线;
边缘底部:5em;
线高:2.25em;
}
@介质(最大宽度:991px){
.测试容器{
显示:无;
}
.内容容器{
显示:块;
保证金:0自动;
填充:0;
浮动:无;
明确:两者皆有;
}
.集装箱{
显示:块;
保证金:0自动;
浮动:无;
明确:两者皆有;
}
.管道img{
宽度:75%;
身高:75%;
显示:块;
保证金:0自动;
浮动:无;
}
}

煤气,水,;匹兹堡地区的污水管道检查和更换

交通工具、交通工具、设施。这是一个有效的封建制度。Nunc发酵液。阿利奎姆·努克·菲利斯,以及马莱苏达·莱古拉·莫莱斯蒂·埃吉特。原汁原味的苏打水。在nec sodales quam。非莫里斯·拉奥里特·帕特家族成员。大矢状体外翻。埃涅亚的非奥迪奥拉克斯。不,我们的生活是在劳里特,而不是在奥奇港口。我的母亲坐在我的床上。这是一个伟大的时代,是一个伟大的时代,是一个伟大的时代

  • 下水道
  • 输气管道
  • 水线
  • 下水道检查
  • 热水器
  • 全方位供水系统

col-xs-8
更改为
col-md-8
,以匹配与图像上相同的断点。否则,包装图像的
div
将为100%,但同级
div
将保持2/3s的宽度。

col-xs-8
更改为
col-md-8
,以匹配与图像上相同的断点。否则,包装图像的
div
将是100%,但兄弟
div
将保持2/3s的宽度。

我认为我们(web开发人员)不需要自定义引导框架的媒体查询。引导程序具有内置或默认的媒体查询,适用于所有设备,例如:

  • 超小型设备手机(我认为我们(web开发人员)不需要自定义Bootstrap框架的媒体查询。Bootstrap具有内置或默认媒体查询,适用于所有设备,例如:


  • 超小型设备手机(可能是
    col-xs-8
    绊倒了你吗?你想是
    col-md-8
    可能是
    col-xs-8
    绊倒了你吗?你想是
    col-md-8
    可能与浮点数有关吗?我正在清理css中的容器,但我不确定是什么原因导致了这一点。我将启动一个编写代码笔,看看我是否可以模拟您正在使用的代码。待机。谢谢。如果您需要查看更多我的代码,请告诉我。我今晚会继续自己编写代码,如果我不明白,明天早上也会。如果我找到答案,我一定会在这里更新。实际上,这是我正在使用的代码,我正在隐藏在较小的屏幕上:
    commential&;Reviews/code>我将.test container类设置为在较小的媒体查询中显示:none。-这是我在codepen中将其更改为
    col-md-8
    后在codepen中看到的。这是您正在寻找的吗?如果是,您可能有其他代码干扰。Al所以,这是使用bootstrap 3。这就是我要寻找的,是的。我必须再次查看我的CSS,看看是否有与该部分冲突的内容。我有一种感觉,可能我需要重置我的填充或边距,可能有什么东西在没有我的情况下推动它