Sorry to ask such a dumb question, but I really don't understand how to do this.
Bootstrap is a really awesome library that saves a ton of developer work. Because it provides many features such as
- Save a lot of time.
- Responsive features.
- Consistent design.
- Easy to use.
- Compatible with various browsers.
I recently started working with bootstrap. I really got confused in a few things.
When we load Bootstrap, we get such a file structure.
bootstrap/
|ββ css/
| |ββ bootstrap.css
| |ββ bootstrap.min.css
| |ββ bootstrap-theme.css
| |ββ bootstrap-theme.min.css
|ββ js/
| |ββ bootstrap.js
| |ββ bootstrap.min.js
|ββ fonts/
| |ββ glyphicons-halflings-regular.eot
| |ββ glyphicons-halflings-regular.svg
| |ββ glyphicons-halflings-regular.ttf
| |ββ glyphicons-halflings-regular.woff
Run codeHide resultSo the first thing I want to know is
- What is the difference between
bootstrap.js
and
bootstrap.min.js
. When to use bootstrap.js
and
bootstrap.min.js
? - What is the difference between
bootstrap.css
and
bootstrap.min.css
. When to use bootstrap.css
and
bootstrap.min.css
?
Bootstrap
Bootstrap Datatable
Bootstrap Table
Datatable
Bootstrap Datatable
Bootstrap
Bootstrap
Bootstrap Datatable
Bootstrap
Table
. Bootstrap Datatable
BootstrapTable
.
Bootstrap.js, Bootstrap Datatable
Bootstrap Table
?.
dataTables.bootstrap.js
bootstrap-table.js

, . . Boostrap Table. bootstrap.js
, My Boostrap Table , bootstrap-table.js
, .
?

, , Stackoverflow
. .

.
<link media="all" rel="stylesheet" type="text/css"
href="../resources/css/bootstrap-table.css" />
<link media="all" rel="stylesheet" type="text/css"
href="../resources/css/bootstrap.min.css" />
<link media="all" rel="stylesheet" type="text/css"
href="../resources/css/dataTables.bootstrap.css" />
<link media="all" rel="stylesheet" type="text/css"
href="../resources/css/bootstrap-dialog.min.css" />
<link media="all" rel="stylesheet" type="text/css"
href="../resources/styles/base.css" />
<script src="../resources/js/jquery-1.11.2.min.js"></script>
<script src="../resources/js/bootstrap.min.js"></script>
<script src="../resources/js/jquery.dataTables.min.js"></script>
<script src="../resources/js/bootstrap-dialog.min.js"></script>
<script src="../resources/js/dataTables.bootstrap.js"></script>
<script src="../resources/js/bootstrap-table.js"></script>
Hide result. .
bootstrap modal table
, .
. , . 2 . . .
. .
, , , .
.
. . . , 2 , , Bootstrap. , - .
?