Bonjour,
Je voudrais savoir si je veux créer une mise page responsive avec Bootstrap pour un site sans SASS uniquement avec le CSS, c'est possible ou pas ? Je pense que oui, je n'ai pas besoin du CSS compliqué, car on a recours au SASS quand le CSS devient fastidieux, mais dans mon cas il ne devrait pas être compliqué.
Merci pour vos conseils.
Bonne soirée

7 réponses


bonjour,

bootstrap utilise SASS pour son css je te laisse aller voir le code sources de https://github.com/twbs/bootstrap, malheureusement tu ne trouveras pas de fichier en .css sans la compilation de code sauf si tu l'install dans ton projet.
Je te conseil de faire le CSS toi même, plus rapide et moins lourd que boostrap entier

Bonne soirée

Alors Sass et Bootstrap c'est deux choses completement diférentes, Sass est un préprocesseur que tu peux utiliser pour du CSS simple ou complexe
Soit tu as un CSS complexe et tu peux utiliser les functions et les variables de sass, soit ton CSS est très simple et il sert juste à modifier le format de code pour avoir un fichier plus clean

Maintenant si tu ne veux pas utiliser Sass, tu peux très bien importer Bootstrap via CDN

Ensuite si ton CSS est simple au point que tu n'a pas d'interet à utiliser Sass, tu ne devrait pas avoir besoin de Bootstrap non plus

Tu peux faire ton responsive en CSS, à l'époque l'interet du responsive Bootstrap c'etait la grid, sauf que aujhourd'hui CSS à mit en place un systeme de grid natif CSS ;)

Dernière chose, pour le poids de Bootstrap, alors oui Bootstrap entier c'est lourd, mais rien n'oblige à importer directement bootstrap.scss
Tu peux importer séparément les fichiers bootstrap dont tu as besoin, j'ai par exemple un site qui n'importe que les fichiers modal.scss et les fichiers dépendants (functions et variables) (et encore c'etait avant, maintenant j'utilise Alpine pour les modal x) mais en gros tu peux importer uniquement ce dont tu as besoin :p)

Bonjour,

Merci pour vos réponses.
J'ai installé cela en ce qui concerne Bootstrap dans mon HTML :
https://stackpath.bootstrapcdn.com/bootstrap/4.4.1/css/bootstrap.min.css
Script :
https://code.jquery.com/jquery-3.4.1.slim.min.js
https://cdn.jsdelivr.net/npm/popper.js@1.16.0/dist/umd/popper.min.js
https://stackpath.bootstrapcdn.com/bootstrap/4.4.1/js/bootstrap.min.js

J'ai besoin que mon site soit responsive vu les différents terminaux aujourd'hui.
@popotte : un site responsive avec CSS, tu veux dire avec "media query" ? Mais lequel est plus simple à mettre en place et plus efficace entre media query et Bootstrap ?

@isox : « Je te conseil de faire le CSS toi même, plus rapide et moins lourd que boostrap entier » tu veux dire ne pas utiliser Bootstrap ? uniquement HTML et CSS pour le site responsive ? Encore avec "media query" ?

Pour mon site, c'est un portfolio, essentiellement pour présenter les illustrations, les projets graphiques etc., mais il faut qu'il soit responsive. En gros, j'ai besoin d'une page d'accueil avec une image en arrière plan, un peu comme cet exemple : https://www.yuchenghong.com/

Ensuite, 3 ou 4 menus avec un formulaire de contact, c'est tout.

Donc, pensez-vous qu'il est préférable de choisir Bootstrap ou CSS avec "media query" ?

Bonsoir,

Bootstrap est un framworks CSS donc c'est pas plus simple de d'importer bootstrap ou de faire des media query ce sont deux choses complément différents.
Cependant vu que ton site est fait en css maison si je ne dis pas de bétise, je serrais d'avis de faire cela avec du css maison avec des média query.
Si c'est pour un portfolio en plus, il faut ce démarquer des autres personnes donc du css maison est préférable dans ce cas.

Bonne soirée

@isox, Bonsoir

Oui, c'est un site de vitrine, pas un site de vente ou dynamique, c'est vraiment pour le fait de se démarquer, et le moins lourd possible compte tenu qu'il y a essentiellement des images et vidéo parfois.
J'ai vu qu'avec le media query dans le CSS, le site peut changer de look (couleur, typo etc.) lors du changement de taille d'écran.
Donc, c'est plus préférable d'opter pour le CSS en utilisant les medias queries que Bootstrap ?

C'est difficile à obtenir un design pour se démarquer avec Bootstrap ? J'ai vu qu'apparemment les sites faits de Bootstrap se ressemblent beaucoup, Bootstrap n'est pas fait pour sortir de l'ordinaire au niveau de design.

Hello,

Le SASS n'est pas une obligation, c'est une aide, un outil pour simplifier l'écriture du CSS. Il vout permet notemment l'utilisation de variables, ce qui peut être très pratiques pour les couleurs de votre site par exemple, en amenant à les définir à un seul endroit.
Il faut bien comprendre qu'au final, le navigateur (chrome, firefox, etc.) ne va recevoir que du HTML, du CSS, et du javascript. Donc tout ce qui aura été écrit dans un autre langage finira compilé dans l'un de ces trois-là. Le SASS n'est pas une exception et fini compilé en CSS.

Pour ce qui est des media queries, c'est la syntaxe qui est utilisée en CSS (ou en SASS) pour définir un style selon un type d'écran (largeur, orientation, imprimante, etc). Afin de rendre un site responsive, c'est une nécessité d'utiliser les média queries. Bootstrap étant responsive, il utilise les media queries.

Bootstrap, comme l'utilisation d'autre frameworks CSS (fondation, Bulma, Skeleton, Pure, Groundwork, Cardinal, Powertocss, Mueller, Materialize, etc..) vous permets d'avoir une base pour le style de votre site. Et égalemt une organisation. En effet bootstrap vous demandera d'ajouter des class à vos <div> pour avoir le bon aspect. Bien sûr, vous pouvez soit vous en contenter, soit ajouter ce qu'il vous plait afin d'atteindre le résultat que vous souhaitez.

| je veux créer une mise page responsive avec Bootstrap pour un site sans SASS uniquement avec le CSS, c'est possible ou pas ?

Oui. Sur le site de bootstrap, vous trouverez les liens à rajouter dans la section <header> : https://getbootstrap.com/docs/5.1/getting-started/download/#cdn-via-jsdelivr.

Par la suite vous appelez votre propre CSS et vous faites ce que vous voulez, en rajoutant le style que vous voulez. Rappelez-vous qu'en CSS, la dernière définition fait loi.

Bonjour,

Merci pour vos réponses et conseils.

Bonne journée