Thymeleaf で flexbox が効かない

お世話になります。Springboot + Thymeleaf で WEBページを製作しております。

まずは Thymeleaf でない通常の html + css で以下のように記述。

html
1<ul class="list">
2  <li><img src="#"></li>
3  <li><img src="#"></li>
4  <li><img src="#"></li>
5</ul>

css
1ul.list {
2  display: flex;
3  justify-content: space-between;
4}

上記では正常に画像の横均等配置されるのですが、これの html を下記のように、

html
1<ul class="list">
2  <li th:each="image : ${imageList}"><img th:src="${image.src}"></li>
3</ul>

Thymeleaf ファイルに書き換えると、データの読み込み等は全て正しく行われるのですが、横均等配置のみ反応せず、画像が縦一列に並んでしまいます。それ以外の CSS は全て反映されます。(該当箇所の CSS 記述は上に同じ)

検証 / その他
・CSS の ul.list 内に背景色など関係ない記述をするとそれは正しく反映される。
・float: left(right) に書き換えると反映される。
・jquery プラグインで、『slick』という画像の横向きスライダーを導入しているのですが、これも Thymeleaf になると途端に画像が横並びにならず、縦一列に並んでしまう。

環境
・Spring Tool Suite ver.3.9.6
・Spring Boot ver.2.0.5 (組み込み tomcat / localhost:8080)
・Java ver.open-jdk-1.8.0_181-1-redhat
・Google Chrome ver.69.0.3497.100
・Win7 64bit Professional

flexbox 又は横並びに関する何か(？)のみ効かずに、他 CSS は全く正常で原因が見つけ出せません。何卒ご助言いただければ幸いです。よろしくお願いいたします。