Giant Curtain:
<Divclass= "Jumbotron"> <Divclass= "Container"> <H1>W3school</H1> <P>Study hard and learn to learn day in and day out good study day</P> <P><ahref="#"class= "Btn btn-primary">Are you sure</a></P> </Div></Div>
Figure:
Thumbnail Image:
<!--thumbnail thumbnail image -<Divclass= "Container"> <Divclass= "Row"> <Divclass= "Col-lg-2"> <ahref= "Www.baidu.com"class= "thumbnail"> <imgsrc= "User_photo.png" /> </a> </Div> <Divclass= "Col-lg-2"> <ahref= "Www.baidu.com"class= "thumbnail"> <imgsrc= "User_photo.png" /> </a> </Div> </Div> <!--You can also give the thumbnail a different style to the parent. - <Divclass= "Row"style= "margin-top:20px"> <Divclass= "Col-lg-4"> <Divclass= "thumbnail"> <ahref="#"> <imgsrc= "User_photo.png" /> </a> <Divclass= "caption"> <H3>W3school</H3> <P>A variety of knowledge points can be found here</P> <P> <ahref="#"class= "Btn btn-primary">View</a> <ahref="#"class= "Btn Btn-danger">Delete</a> </P> </Div> </Div> </Div> </Div></Div>
Figure:
Warning Box:
<Divclass= "Container"> <Divclass= "Row"> <Pclass= "Alert Alert-success">This is a warning box! <Buttonclass= "Close"Data-dismiss= "Alert">×</Button> </P> <Pclass= "Alert Alert-info">This is a warning box!</P> <Pclass= "Alert Alert-danger">Error!</P> <Pclass= "Alert Alert-warning">This is a warning box!</P> <Pclass= "Alert Alert-success">This is a warning box!</P> </Div></Div>
Figure:
bootstrap-screen, thumbnail, warning box