我在哪里将css属性放在bootstrap行中?

时间:2017-05-16 21:44:53

标签: css twitter-bootstrap

抱歉,如果这听起来很愚蠢。但是我使用bootstrap并且我想在容器内创建一行,背景颜色为黑色,高度为100像素。我的问题是,我是否会在行级别这样做?

if(seatNum <= 0 ) 
    System.out.println("Row 1");
if(seatNum <= 200)
    System.out.print("Row "+ (int)Math.ceil(seatNum /20.00));
else
    System.out.print("Row "+ (int)Math.ceil((seatNum-201) /15.00 + 10));

或者正确的方法是在新div中的行内?再次抱歉,如果这是一个愚蠢的问题。但是行的长度与第一个示例与第二个示例的长度不同,所以要确保我正确地执行此操作。

<div class="container">
<div class="row">
<div class="col-md-12" style="background:black;height:100px;"></div>
</div>

1 个答案:

答案 0 :(得分:2)

您不想添加样式标记。您需要制作另一个css样式表并声明该类的样式。

让我们说它是一个rails应用程序。

在stylesheets目录中创建一个新的样式表,它应以.css

结尾

从那里你将

.col-md-12 {
  background-color: black;
  height: 100px;
}

但是你应该注意列是在bootstrap库中定义的,所以你需要添加一些其他的类声明,这样你就不会覆盖所有col-md-12 div的

在你的HTML中

class="anything col-md-12"

和你的css

.anything {
   background-color: black;
   height: 100px;
}