The Web Design Group

... Making the Web accessible to all.

Welcome Guest ( Log In | Register )

 
Reply to this topicStart new topic
> bootstrap doesnt work HTML
drag.v
post Sep 11 2019, 05:08 PM
Post #1





Group: Members
Posts: 2
Joined: 11-September 19
Member No.: 26,988



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
User is offlinePM
Go to the top of the page
Toggle Multi-post QuotingQuote Post
pandy
post Sep 12 2019, 03:16 AM
Post #2


🌟Computer says no🌟
********

Group: WDG Moderators
Posts: 20,716
Joined: 9-August 06
Member No.: 6



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.
User is offlinePM
Go to the top of the page
Toggle Multi-post QuotingQuote Post
drag.v
post Sep 12 2019, 04:43 PM
Post #3





Group: Members
Posts: 2
Joined: 11-September 19
Member No.: 26,988



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?
User is offlinePM
Go to the top of the page
Toggle Multi-post QuotingQuote Post
pandy
post Sep 13 2019, 01:39 AM
Post #4


🌟Computer says no🌟
********

Group: WDG Moderators
Posts: 20,716
Joined: 9-August 06
Member No.: 6



See https://getbootstrap.com/docs/4.3/getting-s...d/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.
User is offlinePM
Go to the top of the page
Toggle Multi-post QuotingQuote Post

Reply to this topicStart new topic
2 User(s) are reading this topic (2 Guests and 0 Anonymous Users)
0 Members:

 



- Lo-Fi Version Time is now: 28th March 2024 - 03:52 PM