Blame view

docs/sections/plugins/bootstrap.html 2.47 KB
5a739853   patrick.he   commit
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
38
39
40
41
42
43
44
45
46
47
48
49
50
51
52
53
54
55
56
57
58
59
60
61
62
63
64
65
66
67
68
69
70
71
72
73
74
75
  <section>
      <h1 class="hidden"  data-id="#plugins/bootstrap">Bootstrap</h1>
  	<!-- #section:plugins/bootstrap -->
  	<div class="help-content">
  		<h3 class="info-title smaller">Bootstrap</h3>
  		<div class="info-section">
  		 <ul class="info-list list-unstyled">
  			<li>
  				Ace admin template is based on the latest version of Bootstrap
  			</li>
  			
  			<li>
  				You may want to have on overview of it
  				and keep its documentation at hand.
  			</li>
  			
  			<li>
  				Please use the following link for more info:
  				<br />
  				<a href="http://getbootstrap.com/">getbootstrap.com</a>
  			</li>
  		 </ul>
  		</div>
  		
  		
          <h3 class="info-title smaller" data-id="#plugins/bootstrap.typeahead">Bootstrap Typeahead</h3>
  		<!-- #section:plugins/bootstrap.typeahead -->
  		<div class="info-section">
  		 <ul class="info-list list-unstyled">
  			<li>
  				There is also a dropped plugin of Bootstrap 2 which is still available in Ace admin template.
  				<br />
  				It's <code>typeahead</code> plugin and is used by <a href="#plugins/input.tag-input" class="help-more">Tag input plugin</a> and 
  				search box demo.
  				<br />
  				For more info about it, please see:
  				<br />
  				<a href="http://getbootstrap.com/2.3.2/javascript.html#typeahead">http://getbootstrap.com/2.3.2/javascript.html#typeahead</a>
  			</li>
  			
  			<li>
  				To avoid conflicts with the new Typeahead.js plugin, its been renamed to <code>bs_typeahead</code>.
  				<br />
  				Of course the plugins have methods to resolve conflicts by 
  				calling <code>$.fn.typeahead.noConflict();</code>
  				but I found it easier to rename it to something else especially when using
  				both plugins inside an ajax page and coming back and forth to that page multiple times!
  			</li>
  		 </ul>
  		</div>
  		<!-- /section:plugins/bootstrap.typeahead -->
  		
  		<h3 class="info-title smaller" data-id="#plugins/bootstrap.typeahead-js">Typeahead.js</h3>
  		<!-- #section:plugins/bootstrap.typeahead-js -->
  		<div class="info-section">
  		 <ul class="info-list list-unstyled">	
  			<li>
  				It's the updated version of Bootstrap Typeahead with more features.
  				<br />
  				For more info and documentation about it, please see its page at:
  				<br />
  				<a href="https://twitter.github.io/typeahead.js/">https://twitter.github.io/typeahead.js/</a>
  			</li>
  			<li>
  				To use it, you should include:
  				<br />
  				<code>assets/js/typeahead.jquery.js</code> 
  			</li>
  		 </ul>
  		</div>
  		<!-- /section:plugins/bootstrap.typeahead-js -->
  		
  	</div>
  	<!-- /section:plugins/bootstrap -->
  </section>