BOOSTRAP WADDO innawanan podi help ekak denna..

tery123

Well-known member
  • Feb 25, 2011
    6,031
    177
    63
    34
    PHP:
    <%@ Master Language="C#" AutoEventWireup="true" CodeBehind="Main.master.cs" Inherits="LibraryManagement.Main" %>
    
    <!DOCTYPE html>
    <html>
    <head>
        <title></title>
        
       <link href="css/bootstrap.min.css" rel="stylesheet" />
        <link href="jqueryui/jquery-ui.theme.css" rel="stylesheet" />
     
    </head>
    <body>
    
        <!--Navbar -->
    <nav class="mb-1 navbar navbar-expand-lg navbar-dark secondary-color  lighten-1">
      <a class="navbar-brand" href="#">Navbar</a>
      <button class="navbar-toggler" type="button" data-toggle="collapse" data-target="#navbarSupportedContent-555"
        aria-controls="navbarSupportedContent-555" aria-expanded="false" aria-label="Toggle navigation">
        <span class="navbar-toggler-icon"></span>
      </button>
      <div class="collapse navbar-collapse" id="navbarSupportedContent-555">
        <ul class="navbar-nav mr-auto">
          <li class="nav-item active">
            <a class="nav-link" href="#">Home
              <span class="sr-only">(current)</span>
            </a>
          </li>
          <li class="nav-item">
            <a class="nav-link" href="#">Features</a>
          </li>
          <li class="nav-item">
            <a class="nav-link" href="#">Pricing</a>
          </li>
          <li class="nav-item dropdown">
            <a class="nav-link dropdown-toggle" id="navbarDropdownMenuLink-555" data-toggle="dropdown" aria-haspopup="true"
              aria-expanded="false">Dropdown
            </a>
            <div class="dropdown-menu dropdown-secondary" aria-labelledby="navbarDropdownMenuLink-555">
              <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>
          </li>
        </ul>
        <ul class="navbar-nav ml-auto nav-flex-icons">
          <li class="nav-item">
            <a class="nav-link waves-effect waves-light">1
              <i class="fas fa-envelope"></i>
            </a>
          </li>
          <li class="nav-item avatar dropdown">
            <a class="nav-link dropdown-toggle" id="navbarDropdownMenuLink-55" data-toggle="dropdown" aria-haspopup="true"
              aria-expanded="false">
              <img src="https://mdbootstrap.com/img/Photos/Avatars/avatar-2.jpg" class="rounded-circle z-depth-0" alt="avatar image">
            </a>
            <div class="dropdown-menu dropdown-menu-right dropdown-secondary" aria-labelledby="navbarDropdownMenuLink-55">
              <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>
          </li>
        </ul>
      </div>
    </nav>
    <!--/.Navbar -->
        <asp:ContentPlaceHolder ID="head" runat="server">
    
        </asp:ContentPlaceHolder>
        <asp:ContentPlaceHolder ID="body" runat="server">
    
        </asp:ContentPlaceHolder>
    
        <script src="js/jquery-3.3.1.min.js"></script>
        <script src="js/bootstrap.min.js"></script>
           
    </body>
    </html>

    Menna meke navbar ekle color eka pennane mokada aula?nane???:sorry::sorry::sorry::sorry:
     

    Idias

    Well-known member
  • Feb 25, 2016
    7,396
    3,708
    113
    bootstrap 4 nam


    class ekak create karala danna


    bs 4 eke navbar-dark


    <nav class="navbar navbar-expand-md navbar-dark fixed-top bg-dark">

    replace with your class
     
    • Like
    Reactions: tery123

    tery123

    Well-known member
  • Feb 25, 2011
    6,031
    177
    63
    34
    bootstrap 4 nam


    class ekak create karala danna


    bs 4 eke navbar-dark


    <nav class="navbar navbar-expand-md navbar-dark fixed-top bg-dark">

    replace with your class

    wade hari machan..bg-dark arenna wena color ekak denna baida>?:confused::confused: