会社の E コマース サイトに Opencart を使用しています。Opencart の開発者は、デフォルトのスタイリングとして Bootstrap を組み込む V2.0 に取り組んでいます。
私の計画は、ヘッダー ファイルの次の行に、ブートストラップ スタイルシートの例へのリンクの下にリンクを配置することでした。
<link rel="stylesheet" type="text/css" href="catalog/view/theme/default/stylesheet/bootstrap.css" />
<link rel="stylesheet" type="text/css" href="catalog/view/theme/default/stylesheet/override.css" />
LESS を使用して override.css にコンパイルし、必要に応じて Bootstrap の小さな部分のみを変更することを計画していました。たとえば、bootstrap からの variables.less と、buttons.less および layout.less のみを含めることを計画していました。次に、これらの変更されたファイルを override.css にコンパイルして、個人用のスタイルを取得します。しかし、考えれば考えるほど、Bootstrap のすべての LESS を含める必要があることに気付きました。これにより、override.css は基本的に bootstrap.css と同じになります (スタイリングに加えた変更を除いて)。
これは本質的にオーバーライドの目的を無効にします。すべてのブートストラップを少なくする必要がなく、オーバーライドに必要な部分だけを含める方法はありますか?
なぜbootstrap.cssファイルを変更しないのか不思議に思うかもしれません。私の考えでは、bootstrap.css ファイルを変更すると、将来ブートストラップをアップグレードすると (または Opencart 開発者がアップグレードすると)、すべての変更が上書きされます。
どんなアドバイスでも大歓迎です！
ありがとう！
DSマット