Results 1 to 1 of 1

Thread: dropdown button and dropdown items style is wrong

  1. 01-12-2018, 03:56 AM #1
    gli
    gli is offline
    Junior Member
    Join Date
    Jan 2018
    Posts
    1

    dropdown button and dropdown items style is wrong

    Hi ,
    I tried the dropdown with bootstrap 3.3.7 , the dropdown actioned , but the style is very wrong,
    I expect this like their website
    1.png
    and this
    2.png

    but the result is this , the button dont have the little icon indicator it is dropdown, and the dropdown is not a well format too. the main problem is the button needs the little triangle.
    3.png
    4.png

    my html is nothing but copied from them

    <!DOCTYPE html>
    <html>
    <head>
    <link rel="stylesheet" href="./css/bootstrap.min.css" >
    <script src="./js/jquery-3.2.1.min.js"></script>
    <script src="./js/popper.min.js"></script>
    <script src="./js/bootstrap.min.js"></script>
    </head>
    <body>
    <div class="container">
    <div class="dropdown">
    <button class="btn btn-secondary dropdown-toggle" type="button" id="dropdownMenuButton" data-toggle="dropdown" aria-haspopup="true" aria-expanded="false">
    Dropdown button
    </button>
    <div class="dropdown-menu" aria-labelledby="dropdownMenuButton">
    <a class="dropdown-item" href="#">Action</a>
    <a class="dropdown-item" href="#">Another action</a>
    <a class="dropdown-item" href="#">Something else here</a>
    </div>
    </div>
    </div>

    <div class="dropdown">
    <button class="btn btn-secondary dropdown-toggle" type="button" id="dropdownMenu2" data-toggle="dropdown" aria-haspopup="true" aria-expanded="false">
    Dropdown
    </button>
    <div class="dropdown-menu" aria-labelledby="dropdownMenu2">
    <button class="dropdown-item" type="button">Action</button>
    <button class="dropdown-item" type="button">Another action</button>
    <button class="dropdown-item" type="button">Something else here</button>
    </div>
    </div>
    </body>
    </html>


    anyone help would be much appropriate.
    Last edited by gli; 01-12-2018 at 03:58 AM.
    Reply With Quote Reply With Quote
« Previous Thread | Next Thread »

Posting Permissions

  • You may not post new threads
  • You may not post replies
  • You may not post attachments
  • You may not edit your posts
  •  

Forum Rules