Results 1 to 1 of 1

Thread: dropdown button and dropdown items style is wrong

  1. #1
    Junior Member
    Join Date
    Jan 2018

    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
    and this

    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.

    my html is nothing but copied from them

    <!DOCTYPE html>
    <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>
    <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
    <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 class="dropdown">
    <button class="btn btn-secondary dropdown-toggle" type="button" id="dropdownMenu2" data-toggle="dropdown" aria-haspopup="true" aria-expanded="false">
    <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>

    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