Question

我是网络开发的新手。我在我的jumbo-tron中遇到的问题是它没有增加我手机的宽度而且我的文字溢出来了。我想调整它，以便jumbotron符合＆＃34; People-Things行＆＃34;。这是问题图像：这是我的Html http://pastebin.com/CgNSPLeE。

当前代码：

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

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

我做错了什么？

Answer 1

好像你正试图把事情放在你的路上。 Bootstrap是一个以完整方式完成任务的CSS框架，因此您无需添加任何位置CSS代码。因为那是由Bootstrap CSS管理的。
您不需要放置CSS。
如果您想要的是将文字“People-Things Recomentations”放在jumbotron中，那么在其中放置 h1 或 h3 就足够了。要实现完美的Bootstrap同步，最好使用h1，如果你想要它更小，你可以使用CSS来改变它的大小。
Bootstrap的网格系统工作在12列，但在jumbotron的情况下，它们以另一种方式工作。这是你需要的HTML：

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

要更改项目的颜色等，您可以这样使用CSS：
例如，您想要更改“People-Things Recomendation”的颜色：

div#main h1 {
 color: blue;
}

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

Answer 2

您的select 'ALTER TABLE dbo.' + object_name(fk.parent_object_id) + ' ADD CONSTRAINT ' + fk.name + ' FOREIGN KEY(' + c1.name + ') REFERENCES dbo.' + object_name(fk.referenced_object_id) + '(' + c2.name + ')' as col1 from sys.foreign_keys fk inner join sys.foreign_key_columns fkc ON fk.object_id = fkc.constraint_object_id inner join sys.columns c1 ON fkc.parent_column_id = c1.column_id and c1.object_id = fkc.parent_object_id inner join sys.columns c2 ON fkc.referenced_column_id = c2.column_id and c2.object_id = fkc.referenced_object_id public void ReinstateAllConstraints() { string[] reinstateAllConstraints = File.ReadAllLines(@"Utility\UnsafeStrings\reisntateconstraint.txt"); using (var connection = new SqlConnection(connectionString)) { connection.Open(); foreach (var item in reinstateAllConstraints) { var command = new SqlCommand(item, connection); command.ExecuteNonQuery(); } connection.Close(); } }应位于.jumbotron和网格div .container内，然后它将适应其父容器。

.col-md-12

然后使用bootstrap的responsive classes/utilities进行游戏，以获得所需的效果。

*使用bootstrap并强制布局具有更多属性是一种反模式。如果使用bootstrap，请尝试使用默认类来实现所需。

不能增加jumbotron的宽度

2 个答案: