bootstrap.min.css imprastie continutul

[evident]

Am o problema,
De curand am inceput sa invat Bootstrap si nu inteleg care e faza cu bootstrap.min.css... Cand il includ in pagina imi arunca toate divurile(imprastie continutul in pagina alandala).
De ce face asta?
L-am inclus cu urmatorul link

Cod: Selectaţi tot

<link href="//maxcdn.bootstrapcdn.com/bootstrap/4.1.1/css/bootstrap.min.css" rel="stylesheet" id="bootstrap-css">

Se poate ca setarile din boostrap css sa rescrie regulile css definite de tine.

1. Include boostrap.min.css inainte de alte stiluri.

Cod: Selectaţi tot

<link href='//maxcdn.bootstrapcdn.com/bootstrap/4.1.1/css/bootstrap.min.css' rel='stylesheet' id='bootstrap-css'>
<link rel='stylesheet' href='css/your_styles.css'>

2. Daca tot rescrie stilurile definite de tine, adauga !important dupa valoarea css; de exemplu:

Cod: Selectaţi tot

pre { white-space: pre-wrap !important; }