[英]Bootstrap jumbotron width issue on small screen
I have an issue with my jumbotron which contains some text and a button. 我的jumbotron出现问题,其中包含一些文本和一个按钮。 Basically on a small screen (320) the text contained in it doesn't diaplay centered anymore and a white sidebar appears on the right and I can't figure out where that is coming from.
基本上在小屏幕(320)上,其中包含的文本不再显示在中间,并且白色的侧边栏出现在右侧,我无法确定它的来源。 You can see it in the 240 and 320 screen here: http://mattkersley.com/responsive/ the website is http://test.assatena.it/
您可以在下面的240和320屏幕上看到它: http : //mattkersley.com/sensitive/网站是http://test.assatena.it/
html html
<div class="jumbotron vertical-center container-fluid center-block">
<div class="container center-block">
<h1 class="center-block">Associazione Culturale e Musicale Atena</h1>
<div class="text-center center-block"><a data-toggle="modal" href="#modal-iscrizione" class="page-scroll btn btn-success btn-xl">iscriviti qui!</a></div>
</div>
</div>
css 的CSS
.jumbotron{
position: relative;
background-image: url(http://www.assatena.it/wp-content/uploads/2014/06/sfondo1.png);
background-size: cover;
height: 100%;
width: 100%;
text-align: center;
margin: 0 auto;
overflow: hidden;
}
thank you 谢谢
img{max-width:100%;}
.jumbotron h1 {word-wrap: break-word;}
声明:本站的技术帖子网页,遵循CC BY-SA 4.0协议,如果您需要转载,请注明本站网址或者原文地址。任何问题请咨询:yoyou2525@163.com.