Bootstrap Snippet Original View using HTML CSS Bootstrap jQuery

1
2
3
4
5
6
7
8
9
10
11
12
13
14
15
16
17
18
19
20
21
22
23
24
25
26
27
28
29
30
31
32
33
34
35
36
37
<link href="//netdna.bootstrapcdn.com/bootstrap/3.1.0/css/bootstrap.min.css" rel="stylesheet" id="bootstrap-css">
<script src="//netdna.bootstrapcdn.com/bootstrap/3.1.0/js/bootstrap.min.js"></script>
<script src="//code.jquery.com/jquery-1.11.1.min.js"></script>
<!------ Include the above in your HEAD tag ---------->
<script type="text/javascript" src="https://raw.githubusercontent.com/twitter/typeahead.js/master/dist/typeahead.bundle.min.js"></script>
<style>
    ul.nav>li>div.dropdown {
        padding: 8px;
    }
    thead > tr > th {
        height: 0px;
    }
    thead > tr > th > span.label {
        position: relative;
        bottom: -10px;
        left: -4px;
    }
    #bilag-dropdown {
        position: relative;
        top: -24px;
    }
</style>
<div class="container-fluid">
  <div class="row">
    <div class="col-sm-12">
      <div class="navbar navbar-default">
        <div class="navbar-header"><a class="navbar-brand" href="#">SignFlow Faktura</a></div>
        <ul class="nav navbar-nav">
          <li><a href="x7KM" target="_top">Oversigt</a></li>
          <li class="active"><a href="4AXB" target="_top">Faktura</a></li>
          <li><a href="yRqV" target="_top">Noter <span class="badge">4</span></a></li>
          <li>
            <div class="dropdown btn-group pagination-centered">
                <button type="button" class="btn btn-primary">Godkend</button>
                <button type="button" class="btn btn-primary dropdown-toggle" data-toggle="dropdown"><span class="caret"></span></button>
                <ul class="dropdown-menu" role="menu">
XXXXXXXXXXXXXXXXXXXXXXXXXXXXXXXXXXXXXXXXXXXXXXXXXX

1
2
3
4
5
6
7
8
9
10
11
12
13
14
15
16
17
18
19
20
21
22
23
24
25
26
27
28
29
30
31
32
33
34
35
36
37
.twitter-typeahead .tt-hint {
    display: block;
    height: 34px;
    padding: 6px 12px;
    font-size: 14px;
    line-height: 1.428571429;
    border: 1px solid transparent;
    border-radius:4px;
}
.twitter-typeahead .hint-small {
    height: 30px;
    padding: 5px 10px;
    font-size: 12px;
    border-radius: 3px;
    line-height: 1.5;
}
.twitter-typeahead .hint-large {
    height: 45px;
    padding: 10px 16px;
    font-size: 18px;
    border-radius: 6px;
    line-height: 1.33;
}
.twitter-typeahead {
    width: 100%;
}
.tt-dropdown-menu {
    width: 100%;
    padding: 10px 16px;
    border-radius: 4px;
    border: solid 1px;
    background: white;
    border-color: rgba(82,168,236,.8);
    outline: 0;
    outline: thin dotted \9;
    -moz-box-shadow: 0 0 8px rgba(82,168,236,.6);
    box-shadow: 0 0 8px rgba(82,168,236,.6);
XXXXXXXXXXXXXXXXXXXXXXXXXXXXXXXXXXXXXXXXXXXXXXXXXX

1
2
3
4
5
6
7
8
9
10
11
12
13
14
15
16
17
18
19
20
21
22
23
24
25
26
27
28
29
30
31
32
33
34
35
36
37
var substringMatcher = function(strs) {
  return function findMatches(q, cb) {
    var matches, substringRegex;
 
    // an array that will be populated with substring matches
    matches = [];
 
    // regex used to determine if a string contains the substring `q`
    substrRegex = new RegExp(q, 'i');
 
    // iterate through the pool of strings and for any string that
    // contains the substring `q`, add it to the `matches` array
    $.each(strs, function(i, str) {
      if (substrRegex.test(str)) {
        // the typeahead jQuery plugin expects suggestions to a
        // JavaScript object, refer to typeahead docs for more info
        matches.push({ value: str });
      }
    });
 
    cb(matches);
  };
};
 
var states = ['Jan Gerner Kroberg - JGK', 'Jane Sild - JSO'
];
$(function() {
  $('#the-basics .typeahead').typeahead({
  hint: true,
  highlight: true,
  minLength: 1
},
{
  name: 'states',
XXXXXXXXXXXXXXXXXXXXXXXXXXXXXXXXXXXXXXXXXXXXXXXXXX

"Original View"
Bootstrap 3.1.0 Snippet by rasmus

Related: See More

Questions / Comments:

"Original View" Bootstrap 3.1.0 Snippet by rasmus

Related: See More

Questions / Comments:

"Original View"
Bootstrap 3.1.0 Snippet by rasmus