How to jQuery,

Bootstrap Studio Help
#1

1. jQuery script placed in the middle of HTML body couldn't execute because starts before jquery.min.js which loads in the end of Body. End it fails with error "$ undefined" or something like that. a. We absolutely can't place <script src="assets/js/jquery.min.js"></script> to the <Head> because it's totally locked. b. We can't place jQuery scripts after the all scripts loading section in the end of body. If we made Custom Code in Bootstrap studio it appears before this section anyway. jQuery script fails. With all my respect we don't want to fix HTML manually every time after the project exporting or publishing. I would like to hear some advise from Bootstrap Studio team.

2. Almost the same situation we can see with complicated CSS expressions lets say like display: -webkit-box; or -webkit-line-clamp: 2; -webkit-box-orient: vertical; In this case Bootstrap studio doesn't provide the second (or 3) line truncate from the box from one hand and doesn't allow to realize it through CSS from another. And of course no preview of such kind of features. What the solution, please?

3. BSS also does not support cascaded CSS. Example body{ background-color: #bdc3c7; } .table-fixed{ width: 100%; background-color: #f3f3f3; tbody{ height:200px; overflow-y:auto; width: 100%; } thead,tbody,tr,td,th{ display:block; } tbody{ td{ float:left; } } thead { tr{ th{ float:left; background-color: #f39c12; border-color:#e67e22; } } } }

I think it's not the most easiest way to make specific rule for each element. What shell we do with it? Best r!

#2

The issue with <head> and jQuery resolved. Perhaps it will be interesting to others, because it is not very obvious. Settings> Head Content

#3

Thanks for starting this thread!

  1. It's recommended to place your JS code in js files, instead of Custom Code. This way they are executed after jQuery is loaded. If you need to place them in Custom Code, you can wrap your JS code in a setTimeout so that jQuery is loaded when it executes.
  2. Rules which are not yet part of the web standard will be shown with a red strike through, but they are still added to the page. -webkit- prefixed rules should work.
  3. You can write SASS to nest blocks of CSS like this.

Hope this helps!