Register

If this is your first visit, please click the Sign Up now button to begin the process of creating your account so you can begin posting on our forums! The Sign Up process will only take up about a minute of two of your time.

Follow us on Twitter
Results 1 to 1 of 1
  1. #1
    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.


Posting Permissions

  • You may not post new threads
  • You may not post replies
  • You may not post attachments
  • You may not edit your posts
  •  
All times are GMT. The time now is 05:58 PM.
Powered by vBulletin® Version 4.2.0
Copyright © 2018 vBulletin Solutions, Inc. All rights reserved.
vBulletin Skin By: PurevB.com