I want to add 'bulma-helpers' to my HTML without npm and yarn, so I downloaded files(css/bulma-helpers.css, bulma-helpers.css.map, bulma-helpers.min.css) and put in my css folder.
and I used link tag.
<link rel="stylesheet" href="css/bulma-helpers.min.css">
but, I couldn't use any class in bulma-helpers.
How to add it without npm, and yarn?
(Link: https://github.com/jmaczan/bulma-helpers)
Maybe this works:
download the bulma css file from here.
then put it in css folder.
add this to your header:
<link rel="stylesheet" href="./css/bulma-helpers.min.css">
Related
I'm trying to import a ccs file in HTML. But, it doesn't seem to work.
<link rel="stylesheet" href="style/style.css">
This is my file structure:
If I use the script tag it works. I also tried to use style.css instead of style/style.css but still the same problem.
Any help is highly appreciated!
Assuming you're putting this in the head section it should work.
Try adding some obvious change to your css to see if it's linking for example:
body {
background-color: red;}
I don't see in your directory listing where your html files are. But if they're not in the directory above "style", then you'll want to change your link to:
<link rel="stylesheet" href="/style/style.css">
i.e. add a slash before "style", so that rather expecting the directory to sit within the current directory of the html, you'll point to the style directory as being at the top level of the site.
I've been trying to connect html with the CSS.
I've checked that:
The stylesheet path of the css is correct, and it is: css2/css2.css
The <link rel="stylesheet" type="text/css" href="css2/css2.css" /> code is well written and I think it is.
I also tried to try several code editors in case it was a preview problem, I've already tried Atom and brackets and the two do not show that the CSS gets connected.
HTML code :
The html close tag is written too at the bottom.
CSS
here is where the html and CSS file is placed
As you have mentioned in your statement that css files is css/css2.css
so it means you should link css file by this code.
<link rel="stylesheet" type="text/css" href="css/css2.css" />
You added css2 instead of css as folder name
This code will 100% work, Just make sure your HTML file and CSS2 folder need to be on same level (in same folder).
otherwise this CSS file not link to your HTML.
I'm linking my .CSS file and Bootstrap 4.2.1 to my HTML file. The .CSS Isn't linking correctly. What is the correct way to link my .css to an HTML file? Bootstrap works but not CSS
I have tried changing the order of the links.
I have also made sure my HTML and CSS files are in the same folder
<link rel="stylesheet" href="https://stackpath.bootstrapcdn.com/bootstrap/4.2.1/css/bootstrap.min.css" integrity="sha384-GJzZqFGwb1QTTN6wy59ffF1BuGJpLSa9DkKMp0DgiMDm4iYMj70gZWKYbI706tWS" crossorigin="anonymous">
<link rel="stylesheet" href="stlye.css"/>
you wrote stlye instead of style? maybe it's just the mispelling
or you might need to specify the path for your css
something like this before your css file ~/filename.css
<link rel="stylesheet" href="stlye.css"/> should be <link rel="stylesheet" href="style.css"/>
You spelt style wrongly. Also make sure style.css is in the same folder/path as your index.html (or whichever .html page you are using), else be sure to specify the path like so: /example/style.css.
Check that the style file exists and you are importing your stylesheet with the correct name and relative path. That means use <link rel="stylesheet" href="style.css"/> if your css is in the same folder of your html file. Otherwise provide the correct route for your file. For example would be <link rel="stylesheet" href="./app/assets/style.css"/> if your css is inside app/assets folder.
I'm working on an real-time chat app with MEAN stack , I begin with html and css , and i'm working on cloud9 platforme, my problem is that i can't add the css file to html !! i tried many time to change the path of my css file but still doesn't work for my :
<link rel="stylesheet" href="psirt/client/views/main.css">
The path to html file and css file is :
psirt>client>views>index.ejs which contains the html code
psirt>client>views>main.css for the css file
any help please ? thnx a lot!!
Try adding a / before the path. Like this:
<link rel="stylesheet" href="/client/views/main.css">
(if your project root is psirt)
Alternatively, just use:
<link rel="stylesheet" href="main.css">
Have you tried adding type of the document to the link tag? See the example:
<link rel="stylesheet" type="text/css" href="psirt/client/views/main.css">
Also, you might want to redefine your drectory for the href.
inspect your code. I think your framework may set any basepath for your code. So your host calling that link and results in error. But i am not sure about it
I'm trying to add Twitter Bootstrap CSS to an ERB file and run with Sinatra, but CSS don't show up.
My code:
<link rel="stylesheet" href="/lib/bootstrap/css/bootstrap.min.css">
my folder structure is the same in the code.
I've already tried href="lib/... and href="../lib/... and don't work
Any solution?
You should copy bootstrap.min.css in your Sinatra public directory. Then use:
<link rel="stylesheet" href="/bootstrap.min.css">
to include it in your page.