1 | ---
|
2 | layout: home
|
3 | redirect_from:
|
4 | - "/zh-cn/"
|
5 | - "/es/"
|
6 | - "/home/"
|
7 | - "/zh-cn/home/"
|
8 | - "/es/home/"
|
9 | ---
|
10 |
|
11 | <main class="bd-masthead" id="content" role="main">
|
12 | <div class="container">
|
13 | <div class="row align-items-center">
|
14 | <div class="col-4 mx-auto col-md-4 order-md-2">
|
15 | <img class="img-fluid mb-3 mb-md-0" src="favicon.png">
|
16 | </div>
|
17 | <div class="col-md-6 order-md-1 text-center text-md-left pr-md-5">
|
18 | <h1 class="mb-3 bd-text-purple-bright">
|
19 | {{ site.title }}
|
20 | </h1>
|
21 | <p class="lead">
|
22 | {{ site.description }}
|
23 | </p>
|
24 | <p class="lead mb-4">
|
25 | Bootstrap Table has been designed to reduce development time and to require no specific knowledge from developers. It is both featherweight and feature-rich.
|
26 | </p>
|
27 | <div class="row mx-n2">
|
28 | <div class="col-md px-2">
|
29 | <a href="{{ site.baseurl }}/docs/getting-started/introduction/"
|
30 | class="btn btn-lg btn-bd-primary w-100 mb-3">
|
31 | Getting Started
|
32 | </a>
|
33 | </div>
|
34 | <div class="col-md px-2">
|
35 | <a href="{{ site.baseurl }}/docs/getting-started/download/"
|
36 | class="btn btn-lg btn-outline-secondary w-100 mb-3">
|
37 | Download
|
38 | </a>
|
39 | </div>
|
40 | </div>
|
41 | <p class="text-muted mb-0">
|
42 | Currently{{ site.current_version }}
|
43 | </p>
|
44 | </div>
|
45 | </div>
|
46 | {% include ads.html %}
|
47 | </div>
|
48 | </main>
|
49 |
|
50 | <div class="masthead-followup row m-0 border border-white">
|
51 | <div class="col-12 col-md-4 p-3 p-md-5 bg-light border border-white">
|
52 |
|
53 | {% include icons/import.svg width="32" height="32" class="text-primary mb-2" %}
|
54 | <h3>Installation</h3>
|
55 | <p>Include Bootstrap Table source CSS and JavaScript files via npm or Bower.</p>
|
56 |
|
57 | {% highlight sh %}
|
58 | npm install bootstrap-table
|
59 | {% endhighlight %}
|
60 |
|
61 | {% highlight sh %}
|
62 | bower install bootstrap-table
|
63 | {% endhighlight %}
|
64 |
|
65 | <hr class="half-rule">
|
66 | <a class="btn btn-outline-primary"
|
67 | href="{{ site.baseurl }}/docs/getting-started/download/">
|
68 | Read installation docs
|
69 | </a>
|
70 | </div>
|
71 |
|
72 | <div class="col-12 col-md-4 p-3 p-md-5 bg-light border border-white">
|
73 |
|
74 | {% include icons/download.svg width="32" height="32" class="text-primary mb-2" %}
|
75 | <h3>CDN</h3>
|
76 | <p>When you only need to include Bootstrap Table’s compiled CSS or JS, you can use <a href="https://unpkg.com/bootstrap-table@{{ site.current_version }}/dist/">UNPKG</a>.</p>
|
77 |
|
78 | {% highlight html %}
|
79 | <link rel="stylesheet" href="https://unpkg.com/bootstrap-table@{{ site.current_version }}/dist/bootstrap-table.min.css">
|
80 | <script src="https://unpkg.com/bootstrap-table@{{ site.current_version }}/dist/bootstrap-table.min.js"></script>
|
81 | {% endhighlight %}
|
82 |
|
83 | <hr class="half-rule">
|
84 | <a href="{{ site.baseurl }}/docs/api" class="btn btn-outline-primary">
|
85 | Explore the docs
|
86 | </a>
|
87 | </div>
|
88 |
|
89 | <div class="col-12 col-md-4 p-3 p-md-5 bg-light border border-white">
|
90 |
|
91 | {% include icons/lightning.svg width="32" height="32" class="text-primary mb-2" %}
|
92 | <h3>Examples</h3>
|
93 | <p>
|
94 | The examples of bootstrap table.
|
95 | </p>
|
96 |
|
97 | <hr class="half-rule">
|
98 | <a href="https://examples.bootstrap-table.com" class="btn btn-outline-primary">
|
99 | Browse Examples
|
100 | </a>
|
101 | </div>
|
102 |
|
103 | {% include opencollective.html %}
|
104 | </div>
|