Discussion :

[oceane751]

Bonjour à tous!

J'ai essayé toute la nuit d'aligner mon hr avec le reste du site et j'aurai une question..

peut on utiliser les width avec boostrap?

parce que là j'arrive pas à l'aligner avec le reste des éléments du site
si vous souhaitez regarder le site c'est par ici : http://vaurel.free.fr/shoes/index.html

le hr est au dessus de free shipping, testimonials...

Merci d'avance pour votre aide

[copin]

Salut,

Je viens de jeter un oeil à ta page.

Je suis pas un expert de Bootstrap (perso je préfère skeleton) mais j'ai un petit doute sur la manière dont tu positionnes tes divs sans passer par les class du Framework...

En effet pour placer ta section

Code :

Sélectionner tout - Visualiser dans une fenêtre à part

<section id="best_shoes">

Tu mets dans ta CSS shoes.css, pour placer tes divs.

Code :

Sélectionner tout - Visualiser dans une fenêtre à part

1
2
3
4
5
#best_shoes {
    padding-bottom: 25px;
    padding-left: 50px;
    padding-top: 20px;
}

Je pense que normalement, dans ton .container-fluid, tu devrais placer directement en .row, puis utiliser les class de placement (type .col-lg-offset-1) pour placer une div qui elle contient ton contenu que tu pourra apeler #best-shoes.

Genre:

.container-fluid

.row

.col-lg-offset-1

(C'est un exemple, c'est pas la classe à appliquer)

#best_shoes

Ou mieux appliquer ta class de place (.col-lg-offset-1) et ton id (#best_shoes) sur le même div.


Je crois que tu as du rencontrer des problèmes pour places les divs, d'où les padding-left: 50px;

C'est ce padding sur ton id #best_shoes que tu n'as pas repris sur ta class .free qui te mets le décalage sur la ligne 773 du shoes.css ajoute un padding-left:60px; et supprime le padding-right.

J'attire ton attention que cela centre ton hr comme tu le demandes, par contre dans l'utilisation du framework et le placement des divs, je pense que tu va très vite constater d'autre problème de ce genre si tu ne revois pas la structure HTML-CSS(bootstrap)