Printable Version of Topic

Click here to view this topic in its original format

HTMLHelp Forums _ Markup (HTML, XHTML, XML) _ bootstrap doesnt work HTML

Posted by: drag.v Sep 11 2019, 05:08 PM

CODE


<!DOCTYPE html>
<html lang="en">
<head>
    <meta charset="utf-8">
    <title>Buster</title>
    <link href="https://fonts.googleapis.com/css?family=Fira+Sans:400,500,900&display=swap" rel="stylesheet">
    <link rel="stylesheet" type="css/bootstrap.min">
    <link rel="stylesheet" type="css/main">
</head>
<body>
    <header class="header">
        <div class="nav">
          <div class="container">
            <div class="row">
                <div class="col-md-4">
                <img align="middle" width="150px" src="img/bustlelogo2.png" alt="logo" class="logo">
                </div>
                <div class="offset-md-2 col-md-3">
                    <button class="search">
                        <img align="middle" width="50px" src="img/search.png">
                    </button>
                </div>
                <div class="col-md-3">
                    <button class="menu">
                        <img align="middle" width="50px" src="img/menu.png" alt="menu">
                    </button>
                </div>
            </div>
          </div>
        </div>
        <div class="offer">
            <div class="container">
                <div class="row">
                    
                </div>
            </div>
        </div>
    </header>
</body>
</html>




Bootstrap is in folder css and named boothstrap.min
When i open chrome logo seacrh and menu is not in row they are under each other.

How to make them in row

Posted by: pandy Sep 12 2019, 03:16 AM

I don't know what you've named the actual file, but in the LINK you've left out the .css extension.

CODE
<link rel="stylesheet" type="css/bootstrap.min">
                                             ^^^


And you have totally left out the JS part.

Posted by: drag.v Sep 12 2019, 04:43 PM

QUOTE(pandy @ Sep 12 2019, 11:16 AM) *

I don't know what you've named the actual file, but in the LINK you've left out the .css extension.

CODE
<link rel="stylesheet" type="css/bootstrap.min">
                                             ^^^


And you have totally left out the JS part.



with .css extension it doesnt work. And what i need in JS?

Posted by: pandy Sep 13 2019, 01:39 AM

See https://getbootstrap.com/docs/4.3/getting-started/introduction/ .

Seems not everything require JS, but I guess most things do. Then I guess you need to somehow trigger the functionality you want to use. Never used bootstrap and I'm too lazy to read all the documentation, but you should do that.

Powered by Invision Power Board (http://www.invisionboard.com)
© Invision Power Services (http://www.invisionpower.com)