4. Changez la couleur du texte "J'adore la programmation" en rose en utilisant du CSS.
< div >
< p class ="rose "> J'adore la programmation</ p >
</ div >
/* Ecrire le code CSS sous cette ligne */
div p .rose {
color : rosybrown;
}
5. Qu'est-ce que Bootstrap ?
Bootstrap is a CSS framework with grid layout and a lot of pre-defined components
6. Reprenez votre code de la question 3 et ajoutez Bootstrap à votre feuille HTML, au bon endroit.
<!DOCTYPE html>
< html lang ="en ">
< head >
< meta charset ="UTF-8 ">
< meta name ="viewport " content ="width=device-width, initial-scale=1.0 ">
< meta http-equiv ="X-UA-Compatible " content ="ie=edge ">
< title > Document</ title >
< link rel ="stylesheet " href ="https://stackpath.bootstrapcdn.com/bootstrap/4.1.3/css/bootstrap.min.css " integrity ="sha384-MCw98/SFnGE8fJT3GXwEOngsV7Zt27NXFoaoApmYm81iuXoPkFOJwJ8ERdknLPMO " crossorigin ="anonymous ">
</ head >
< body >
< script src ="https://code.jquery.com/jquery-3.3.1.slim.min.js " integrity ="sha384-q8i/X+965DzO0rT7abK41JStQIAqVgRVzpbzo5smXKp4YfRvH+8abtTE1Pi6jizo " crossorigin ="anonymous "> </ script >
< script src ="https://cdnjs.cloudflare.com/ajax/libs/popper.js/1.14.3/umd/popper.min.js " integrity ="sha384-ZMP7rVo3mIykV+2+9J3UJ46jBk0WLaUAdn689aCwoqbBJiSnjAK/l8WvCWPIPm49 " crossorigin ="anonymous "> </ script >
< script src ="https://stackpath.bootstrapcdn.com/bootstrap/4.1.3/js/bootstrap.min.js " integrity ="sha384-ChfqqxuZUCnJSK3+MXmPNIyE6ZbWh2IMqE241rYiqJxyMiZ6OW/JmZQ5stwEULTy " crossorigin ="anonymous "> </ script >
</ body >
</ html >
7. Mettez ces trois divs sur le même plan horizontal avec trois colonnes de même taille.
< div class ="container ">
< div class ="row ">
< div class ="col-4 ">
Google
</ div >
< div class ="col-4 ">
Microsoft
</ div >
< div class ="col-4 ">
Apple
</ div >
</ div >
8. Avec le même code, changez le texte par le logo de la marque en question
< div class ="container ">
< div class ="row ">
< div class ="col-4 ">
< img src ="https://www.google.fr/images/branding/googlelogo/2x/googlelogo_color_120x44dp.png " />
</ div >
< div class ="col-4 ">
< img src ="https://img-prod-cms-rt-microsoft-com.akamaized.net/cms/api/am/imageFileData/RE1Mu3b?ver=5c31 " />
</ div >
< div class ="col-4 ">
< img src ="https://image.freepik.com/free-icon/apple-logo_318-40184.jpg " />
</ div >
</ div >