我是Web开发的新手。我在jumbo-tron中遇到的问题是,它在手机中的宽度没有增加,并且文本正从中溢出。我想对此进行调整,以使巨型波谱适合“人事线”。这是问题图像:
这是我的HTML http://pastebin.com/CgNSPLeE

html - 无法增加巨无霸宽度-LMLPHP

当前代码:



@media (min-width: 414px) and (max-width: 736 px) {
  #main {
    width: 100%;
    height: 100%;

  }
  #people-things a {
    position: relative;
    padding-left: 50px;
    left: 150px;
  }


我究竟做错了什么?

最佳答案

看来您正在尝试以自己的方式放置事物。 Bootstrap是一个CSS框架,可以完成所有操作,因此您无需添加任何位置CSS代码。因为那是由Bootstrap CSS管理的。
您无需放置该CSS。
如果您想要将文本“ People-Things Recomentations”放置在巨型飞轮内,则在其中放置h1或h3就足够了。为了实现完美的Bootstrap同步,最好使用h1,然后,如果希望使其更小,则可以使用CSS来更改其大小。
Bootstrap的网格系统工作在12列中,但是对于巨型机,它们以另一种方式工作。这是您需要的html:

<div class="jumbotron" id="main">
 <div class="container-fluid">
  <h1><a href="#">People-Things Recomendation</a></h1>
 </div>
</div>


要更改项目的颜色等,您可以通过以下方式使用CSS:
例如,您想要更改“人物推荐”的颜色:

div#main h1 {
 color: blue;
}


我希望这就是你的意思;如果不是,请告诉我。
干杯!

10-05 20:27
查看更多