Bootstrap - 将h1颜色更改为text-primary

时间:2016-02-27 17:54:49

标签: css twitter-bootstrap

我无法弄清楚如何将h1的字体颜色更改为预定义的class text-primary。有什么方法可以将text-primary分配给h1类吗?

类似于此:

h1 {font-size: 28px !important;
    font-weight: normal;
    color: text-primary;
}

4 个答案:

答案 0 :(得分:3)

只需将该类添加到h1

class Student
{

string firstName;
DateTime birthDay;


    public void GetStudentInformation()
    {
        Console.WriteLine("Enter student's first name: ");
        firstName = Console.ReadLine();
        Console.WriteLine("Enter student's birth date: ");

        birthDay = DateTime.Parse(Console.ReadLine());
    }
    public void PrintStudentData()
    {
        Console.WriteLine("Student {0} was born in {1}", firstName, birthDay);
    }
}
class Program
{
    static void Main(string[] args)
    { 
        var myStudent = new Student();
        myStudent.GetStudentInformation();
        myStudent.PrintStudentData();
    }
}

答案 1 :(得分:1)

text-primary是一个类吗?如果是的话:

.text-primary, h1 {
...
}

答案 2 :(得分:1)

您可以将其添加到class标记内的h1属性,如下所示:

<h1 class="text-primary">Some heading</h1>

答案 3 :(得分:0)

这取决于您是否使用LESS和Bootstrap的LESS来源。

您必须在Bootstrap的源代码中搜索类text-primary样式的定义。如果您使用LESS,则需要查看LESS源,否则将在Bootstrap框架的最终编译CSS源中工作。

在v3.3.4的LESS中,风格是:

.text-primary {
    .text-emphasis-variant(@brand-primary);
}

将该样式复制到h1样式中并再次编译:

h1 {
    font-size: 28px !important;
    font-weight: normal;
    .text-emphasis-variant(@brand-primary);
}

mixin text-emphasis-variant会创建多个样式规则。你不必关心它,因为LESS会为你做。

如果直接使用CSS,只需在CSS中搜索text-primary的样式定义,并将所有样式复制到h1样式定义中。