index.html 3.4 KB

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