Bootstrap accordion

by Rob Sedgwick

HTML

<link rel="stylesheet" href="//maxcdn.bootstrapcdn.com/bootstrap/4.0.0-alpha.2/css/bootstrap.min.css">
<script src="//cdnjs.cloudflare.com/ajax/libs/jquery/2.1.4/jquery.min.js"></script>
<script src="//maxcdn.bootstrapcdn.com/bootstrap/4.0.0-alpha.2/js/bootstrap.min.js"></script>
<!--Navigation bar -->
<nav class="navbar navbar-default" role="navigation">
  <div class="container">
    <div class="navbar-header">
      <button type="button" class="navbar-toggle" data-toggle="collapse" data-target="#navbar-container">
                        <span class="sr-only"> Pokazi i sakrij navigaciju </span>
                        <span class="icon-bar"></span>
                        <span class="icon-bar"></span>
                        <span class="icon-bar"></span>
                    </button>
      <a class="navbar-brand" href="#">
                         <span> <img src="Slike/logo.png" alt="LogoSlika"/> </span>
                        <font face="Roboto Condensed" size="4" color="green"> Mobtech </font>
                    </a>
    </div>
    <div class="collapse navbar-collapse" id="navbar-container">
      <ul class="nav navbar-nav navbar-right">
        <li><a href="index.html"> Početna strana </a> </li>
        <li class="active"><a href="#"> Privatni korisnici </a> </li>
        <li><a href="poslovni.html"> Poslovni korisnici </a> </li>
        <li><a href="uredjaji.html"> Uređaji </a> </li>
        <li><a href="onama.html"> O Nama </a> </li>
      </ul>
    </div>
  </div>
</nav>

<br />
<div class="container">
  <!--Container -->

  <div class="row">
    <!-- Kolona na velikom ekranu (lg) prikazuje duzinu jedne kolone, Ekstra small (xs) prikazuje 4 kolone -->
    <div class="col-lg-12 bg-success">
      <p> Outer div </p>
      <div class="col-lg-6 bg-primary">
        <p> Inner div </p>
      </div>
    </div>
  </div>
</div>

<!-- Footer -->
<footer class="mojFooter">
  <font face="Roboto Condensed" size="4">
    <center>
      <div class="container">
    ...

CSS

.mojFooter {
  background-color: #f8f8f8;
  color: #00a651;
  padding-top: 0px;
  border-top: 1px solid #e7e7e7;
  margin-bottom: 0px;
}

.bottom-footer {
  border-top: 1px solid #00a651;
  margin-top: 0px;
  padding-top: 7px;
  color: #00a651;
}

.footer-nav li {
  display: inline;
  padding: 0px 40px;
}

.footer-nav a {
  color: grey;
  text-decoration: none;
}