Sorry for asking such a dumb question, But I am really not clear with these.
Bootstrap is really awesome library which save lot of work of developers. Since it provide the lot of feature like
I have started working with bootstrap recently. I am really confuse about few things.
When we download the Bootstrap we get a file structure like that.
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
So first Thing I want know is
bootstrap.js
and
bootstrap.min.js
. When to use bootstrap.js
and
bootstrap.min.js
?bootstrap.css
and
bootstrap.min.css
. When to use bootstrap.css
and
bootstrap.min.css
?Along with the above library Bootstrap provide some more library
Bootstrap Datatable
and Bootstrap Table
Bootstrap Datatable Bootstrap Datatable
Bootstrap Table Bootstrap Table
What is the difference between Bootstrap Datatable
and Bootstrap
Table
. When should I use Bootstrap Datatable
and BootstrapTable
.
If I include Bootstrap.js will I be able to use Bootstrap Datatable
Bootstrap Table
?.
Bootstrap provide jar for both of them
dataTables.bootstrap.js
bootstrap-table.js
This is the screen short form official site of bootstrap
Why I am asking because. I faced an strange issue. I was working with Boostrap Table. I include the Bootstrap.js
, My Boostrap Table was not working, So I include the bootstrap-table.js
and it worked.
then what is meaning of this?
At the same time when I was facing this issue I asked on Stackoverflow
regarding this. and I got this.
after that I included every thing in my page.
<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>
and I faced a serious issue.What was happening is.
I had a bootstrap modal table
and i was trying to populate the data from server side.
every thing was fine. but I dont know why the data was not populating in the table. I struggled around 2 days. It dint work. shutdown my system and slept. but when I got in the morning and start the system. same code started working. i dint notice I was relaxed thank God its working.
But today issue forced me to write such long question. I forwarded my code to my senior. Its not working there. Even he struggled a lot. and after around 2 hours of struggled the same code started working I mean the data is populating in Bootstrap table. and I swear we we dint modified any thing.
What is the root cause of this issue?
Both are same but bundle has other js included in it like popper. js whereas, bootstrap. min. js only have the minimal js which is required to run the bootstrap.
Bootstrap. min. js contains javascript code necessary for running Bootstrap.
They have exactly the same function, but the . min. css version has been minified, meaning all whitespace has been removed to reduce file size and increase speed.
Libraries of Bootstrap are written in HTML, CSS & JavaScript. Libraries of JQuery UI are written in JavaScript only. Bootstrap provides components of JavaScript in the form JQuery plugins. Bootstrap is mainly used to develop responsive web-pages.
bootstrap.js
is the standard version of Bootstrap's javascript. bootstrap.min.js
is simply a minified version of the same file; line-breaks and comments are removed to reduce file-size. In general, you should always use the minified version on production websites since it reduces page-load time for users, and Bootstrap recommends against modifying bootstrap.js
directly.
The same applies to bootsrap.css
and bootstrap.min.css
.
(And 4) Bootstrap Datatable
and Bootstrap Table
are external libraries built by third-party developers in the style of Bootstrap. They're not officially supported, but you can use them if they suit your needs.
If you love us? You can donate to us via Paypal or buy me a coffee so we can maintain and grow! Thank you!
Donate Us With