CODEWITHSUNDEEP
csstwitter-bootstrap-3lessmixins
Jen
Jen

Reputation: 1

How do I use the Bootstrap 3 mixins?

I'm learning Bootstrap 3 and trying to simply change the color of an H1 tag when the screen size is a desktop. I want to avoid using device widths in my css, so I was hoping to do something as basic as this but it's not working:

@media (min-width: @screen-md) {
  h1 {color: #ff0000;}
}

I've made sure to have downloaded the compiled bootstrap 3 zip file, which according to the documentation should have these bootstrap specific mixins. The zip file does not come with a less folder and if I am reading the docs right, the min css file should already be compiled and ready to go with their proprietary less variables.

I've got a simple page that I would hope displays my Hello World in red when being viewed on a desktop, but it does not. What am I doing wrong? Do I still need to download the less files from the GitHub project and include those in place of the bootstrap css?

Upvotes: 0

Views: 1271

Answers (1)

nietonfir
nietonfir

Reputation: 4881

You don't need the compiled bootstrap 3 file, but the source if you want to use and modify the less mixins. See the github repo for further information.

Upvotes: 2

Related Questions