The Web Design Group

... Making the Web accessible to all.

Welcome Guest ( Log In | Register )

> 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

Posts in this topic


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

 



- Lo-Fi Version Time is now: 24th April 2024 - 06:34 AM