Bootstrap 4 - alpha 6 Nav Tabs

by dinesh_bali

HTML

<script src="https://code.jquery.com/jquery-3.1.1.min.js"></script>
<link rel="stylesheet" href="https://maxcdn.bootstrapcdn.com/bootstrap/4.0.0-alpha.6/css/bootstrap.min.css">
<script src="https://cdnjs.cloudflare.com/ajax/libs/tether/1.4.0/js/tether.min.js"></script>
<script src="https://maxcdn.bootstrapcdn.com/bootstrap/4.0.0-alpha.6/js/bootstrap.min.js"></script>



<!DOCTYPE html>
<!--[if IE 8 ]><html class="ie" xmlns="http://www.w3.org/1999/xhtml" xml:lang="en-US" lang="en-US"> <![endif]-->
<!--[if (gte IE 9)|!(IE)]><!-->
<html xmlns="http://www.w3.org/1999/xhtml" xml:lang="en-US" lang="en-US">
<!--<![endif]-->

<head>
    <!-- Basic Page Needs -->
    <meta charset="utf-8">
    <!--[if IE]><meta http-equiv='X-UA-Compatible' content='IE=edge,chrome=1'><![endif]-->
    <title>Data Capture Systems</title>

    <meta name="author" content="themesflat.com">

    <!-- Mobile Specific Metas -->
    <meta name="viewport" content="width=device-width, initial-scale=1, maximum-scale=1">

    <!-- Theme Style -->
    <link rel="stylesheet" type="text/css" href="/css/style.css">
    <link rel="stylesheet" type="text/css" href="/css/dcsstyles.css">

    <!-- Colors -->
    <link rel="stylesheet" type="text/css" href="/assets/css/colors/color4.css" id="colors">

    <!-- Favicon and Touch Icons  -->
    <link rel="shortcut icon" href="/assets/icon/favicon.png">
    <link rel="apple-touch-icon-precomposed" href="/assets/icon/apple-touch-icon-158-precomposed.png">

    <!--[if lt IE 9]>
        <script src="javascript/html5shiv.js"></script>
        <script src="javascript/respond.min.js"></script>
    <![endif]-->

</head>

<body class="header-fixed page no-sidebar header-style-2 topbar-style-2 menu-has-search">

    <div id="wrapper" class="animsition">
        <div id="page" class="clearfix">
            <!-- Header Wrap -->
            

<div id="site-header-wrap">

    <div id="top-bar">
        <div id="top-bar-inner" class="container">
            <div...

CSS

#siteSticky {
  background: dodgerblue;
  color: white;
  line-height: 1.5;
  padding: 30px;
  display: block;
  padding: 10px;
  width: 300px;
  height: 30px;
  background: tomato;
  position: sticky;
  float: right;
  bottom: 30px;
}

.sticky {
  position: sticky;
  top: 0;
}