What is the difference between Bootstrap.js, Bootstrap.min.js, Bootstrap-table.js

Question

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 result

So the first thing I want to know is

• What is the difference between bootstrap.jsand bootstrap.min.js. When to use bootstrap.jsand bootstrap.min.js?
• What is the difference between bootstrap.cssand bootstrap.min.css. When to use bootstrap.cssand bootstrap.min.css?

Bootstrap Bootstrap Datatable Bootstrap Table

Datatable Bootstrap Datatable

Bootstrap Bootstrap

3. Bootstrap Datatable Bootstrap Table. Bootstrap Datatable BootstrapTable.

4. 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. , - .

?