I've been struggling with bootstrap and custom CSS not coexisting well (see this)
I saw that I was getting "Uncaught Error: Bootstrap's JavaScript requires jQuery" and so, based on what I found here (Sridhar's accepted answer), I changed this:
builder.Append("<link href='https://maxcdn.bootstrapcdn.com/bootstrap/3.3.6/css/bootstrap.min.css' rel='stylesheet' />");
builder.Append("<script src='https://maxcdn.bootstrapcdn.com/bootstrap/3.3.6/js/bootstrap.min.js'></script>");
builder.Append("<script src=\"https://code.jquery.com/jquery-1.12.2.min.js\" integrity=\"sha256-lZFHibXzMHo3GGeehn1hudTAP3Sc0uKXBXAzHX1sjtk=\" crossorigin=\"anonymous\"></script>");
...around to this:
builder.Append("<script src=\"https://code.jquery.com/jquery-1.12.2.min.js\" integrity=\"sha256-lZFHibXzMHo3GGeehn1hudTAP3Sc0uKXBXAzHX1sjtk=\" crossorigin=\"anonymous\"></script>");
builder.Append("<link href='https://maxcdn.bootstrapcdn.com/bootstrap/3.3.6/css/bootstrap.min.css' rel='stylesheet' />");
builder.Append("<script src='https://maxcdn.bootstrapcdn.com/bootstrap/3.3.6/js/bootstrap.min.js'></script>");
...but it makes no difference.
Just what do I need to do to get Bootstrap to realize I am referencing jQuery?
UPDATE
I changed the quotes from double to single and removed the backwhacks so the jquery reference is now this:
builder.Append("<script src='https://code.jquery.com/jquery-1.12.2.min.js' integrity='sha256-lZFHibXzMHo3GGeehn1hudTAP3Sc0uKXBXAzHX1sjtk=' crossorigin='anonymous'></script>");
...but it makes no difference.
UPDATE 2
Even when I add an inline style like this:
builder.Append("<hr style='color:red;height:12;' />");
...it doesn't change the wimpy (barely visible) horizontal rule.