Attempting to customize the appearance of the btn-primary element in Bootstrap by utilizing a local file located at /public/styles.css.
Experimented with both Jade and Stylus, but unable to successfully alter the background-color of the btn-primary.
Any suggestions or reasons for this issue?
doctype 5
html(lang="en")
head
link(rel='stylesheet',href='http://getbootstrap.com/dist/css/bootstrap.css')
title=pageTitle
link(rel='stylesheet',href='http://getbootstrap.com/2.3.2/assets/css/bootstrap-responsive.css')
link(rel='stylesheet', href='/public/styles.css')
body
h1 MyJade - node template engine
a(class='btn btn-large btn-primary', href='/profile') Large Button
The content of /public/styles.css is as follows:
.btn-primary {
background-color: black;
}
Despite the CSS code provided, the button's background color persists as the default blue from Bootstrap.
Attempted using the style tag within the Jade file with identical code which yielded results, whereas this method did not work.
Any insights on potential solutions?