@@ -47,99 +47,99 @@ Twelve options are available for positioning: `top`, `topleft`, `topright`, `rig
47 47
Positioning is relative to the trigger element.
48 48 49 49
<div class="bd-example bd-example-popover-static">
50 -
<div class="popover bs-popover-top bs-popover-top-docs">
51 -
<div class="arrow" style="left: calc(50% - 6px)"></div>
50 +
<div class="popover b-popover bs-popover-top bs-popover-top-docs">
51 +
<div class="arrow" style="left: calc(50% - 8px)"></div>
52 52
<h3 class="popover-header">Popover top</h3>
53 53
<div class="popover-body">
54 54
Sed posuere consectetur est at lobortis. Aenean eu leo quam. Pellentesque ornare sem lacinia
55 55
quam venenatis vestibulum.
56 56
</div>
57 57
</div>
58 -
<div class="popover bs-popover-top bs-popover-top-docs">
59 -
<div class="arrow" style="right: 6px"></div>
58 +
<div class="popover b-popover bs-popover-top bs-popover-top-docs">
59 +
<div class="arrow" style="right: 0px"></div>
60 60
<h3 class="popover-header">Popover topleft</h3>
61 61
<div class="popover-body">
62 62
Sed posuere consectetur est at lobortis. Aenean eu leo quam. Pellentesque ornare sem lacinia
63 63
quam venenatis vestibulum.
64 64
</div>
65 65
</div>
66 -
<div class="popover bs-popover-top bs-popover-top-docs">
67 -
<div class="arrow" style="left: 6px"></div>
66 +
<div class="popover b-popover bs-popover-top bs-popover-top-docs">
67 +
<div class="arrow" style="left: 0px"></div>
68 68
<h3 class="popover-header">Popover topright</h3>
69 69
<div class="popover-body">
70 70
Sed posuere consectetur est at lobortis. Aenean eu leo quam. Pellentesque ornare sem lacinia
71 71
quam venenatis vestibulum.
72 72
</div>
73 73
</div>
74 74 75 -
<div class="popover bs-popover-right bs-popover-right-docs">
76 -
<div class="arrow" style="top: calc(50% - 8px)"></div>
75 +
<div class="popover b-popover bs-popover-right bs-popover-right-docs">
76 +
<div class="arrow" style="top: calc(50% - 4px)"></div>
77 77
<h3 class="popover-header">Popover right</h3>
78 78
<div class="popover-body">
79 79
Sed posuere consectetur est at lobortis. Aenean eu leo quam. Pellentesque ornare sem lacinia
80 80
quam venenatis vestibulum.
81 81
</div>
82 82
</div>
83 -
<div class="popover bs-popover-right bs-popover-right-docs">
84 -
<div class="arrow" style="bottom: 4px"></div>
83 +
<div class="popover b-popover bs-popover-right bs-popover-right-docs">
84 +
<div class="arrow" style="bottom: 0px"></div>
85 85
<h3 class="popover-header">Popover righttop</h3>
86 86
<div class="popover-body">
87 87
Sed posuere consectetur est at lobortis. Aenean eu leo quam. Pellentesque ornare sem lacinia
88 88
quam venenatis vestibulum.
89 89
</div>
90 90
</div>
91 -
<div class="popover bs-popover-right bs-popover-right-docs">
92 -
<div class="arrow" style="top: 4px"></div>
91 +
<div class="popover b-popover bs-popover-right bs-popover-right-docs">
92 +
<div class="arrow" style="top: 0px"></div>
93 93
<h3 class="popover-header">Popover rightbottom</h3>
94 94
<div class="popover-body">
95 95
Sed posuere consectetur est at lobortis. Aenean eu leo quam. Pellentesque ornare sem lacinia
96 96
quam venenatis vestibulum.
97 97
</div>
98 98
</div>
99 99 100 -
<div class="popover bs-popover-bottom bs-popover-bottom-docs">
101 -
<div class="arrow" style="left: calc(50% - 6px)"></div>
100 +
<div class="popover b-popover bs-popover-bottom bs-popover-bottom-docs">
101 +
<div class="arrow" style="left: calc(50% - 8px)"></div>
102 102
<h3 class="popover-header">Popover bottom</h3>
103 103
<div class="popover-body">
104 104
Sed posuere consectetur est at lobortis. Aenean eu leo quam. Pellentesque ornare sem lacinia
105 105
quam venenatis vestibulum.
106 106
</div>
107 107
</div>
108 -
<div class="popover bs-popover-bottom bs-popover-bottom-docs">
109 -
<div class="arrow" style="right: 6px"></div>
108 +
<div class="popover b-popover bs-popover-bottom bs-popover-bottom-docs">
109 +
<div class="arrow" style="right: 0px"></div>
110 110
<h3 class="popover-header">Popover bottomleft</h3>
111 111
<div class="popover-body">
112 112
Sed posuere consectetur est at lobortis. Aenean eu leo quam. Pellentesque ornare sem lacinia
113 113
quam venenatis vestibulum.
114 114
</div>
115 115
</div>
116 -
<div class="popover bs-popover-bottom bs-popover-bottom-docs">
117 -
<div class="arrow" style="left: 6px"></div>
116 +
<div class="popover b-popover bs-popover-bottom bs-popover-bottom-docs">
117 +
<div class="arrow" style="left: 0px"></div>
118 118
<h3 class="popover-header">Popover bottomright</h3>
119 119
<div class="popover-body">
120 120
Sed posuere consectetur est at lobortis. Aenean eu leo quam. Pellentesque ornare sem lacinia
121 121
quam venenatis vestibulum.
122 122
</div>
123 123
</div>
124 124 125 -
<div class="popover bs-popover-left bs-popover-left-docs">
126 -
<div class="arrow" style="top: calc(50% - 8px)"></div>
125 +
<div class="popover b-popover bs-popover-left bs-popover-left-docs">
126 +
<div class="arrow" style="top: calc(50% - 4px)"></div>
127 127
<h3 class="popover-header">Popover left</h3>
128 128
<div class="popover-body">
129 129
Sed posuere consectetur est at lobortis. Aenean eu leo quam. Pellentesque ornare sem lacinia
130 130
quam venenatis vestibulum.
131 131
</div>
132 132
</div>
133 -
<div class="popover bs-popover-left bs-popover-left-docs">
134 -
<div class="arrow" style="bottom: 4px"></div>
133 +
<div class="popover b-popover bs-popover-left bs-popover-left-docs">
134 +
<div class="arrow" style="bottom: 0px"></div>
135 135
<h3 class="popover-header">Popover lefttop</h3>
136 136
<div class="popover-body">
137 137
Sed posuere consectetur est at lobortis. Aenean eu leo quam. Pellentesque ornare sem lacinia
138 138
quam venenatis vestibulum.
139 139
</div>
140 140
</div>
141 -
<div class="popover bs-popover-left bs-popover-left-docs">
142 -
<div class="arrow" style="top: 4px"></div>
141 +
<div class="popover b-popover bs-popover-left bs-popover-left-docs">
142 +
<div class="arrow" style="top: 0px"></div>
143 143
<h3 class="popover-header">Popover leftbottom</h3>
144 144
<div class="popover-body">
145 145
Sed posuere consectetur est at lobortis. Aenean eu leo quam. Pellentesque ornare sem lacinia
RetroSearch is an open source project built by @garambo | Open a GitHub Issue
Search and Browse the WWW like it's 1997 | Search results from DuckDuckGo
HTML:
3.2
| Encoding:
UTF-8
| Version:
0.7.4