javascript - 如何在 Twitter Bootstrap 中围绕元素制作正方形？

Question

我正在尝试制作一些网页，如图所示。我几乎可以制作 90%。但我有一个问题

• 如何制作如图所示的正方形(底部有三 Angular 形的正方形。我知道我们可以使用边框制作正方形。但是如何在底部三 Angular 形中制作三 Angular 形
• 如何使 contend 可滚动意味着我 contend 它不滚动 我已经使用了 overflow:auto 和 scroll

)

.bg {
    background: #597A4D!important;
    width: 100%!important;
}
.nav_bar {
    background: #597A4D!important;
    border-style: none;
    height: 44px;
    border: 0px!important;
    border-radius: 0px!important;

}
.display_menu li a{
    font-size: 1.2em!important;
    color: #ffffff!important;
}

ul.display_menu li:last-child{
    background:#3C86D7;
}

.rowClass {
    display: block;
    margin-top: 3%;

}
.rowClass >div {
    padding: 3em;
    text-align: center;
}
.text_row div{
    display: block;
    border: 1px ;
    padding: auto;
    color: #ffffff;
    margin-top: 3%;

}

.rowClass span {
    display: block!important;
    color: #ffffff;
}
.logo_image{
  width: 60px;
    height: 60px;
}

.email_div label {
    color: #ffffff;
    font-weight: bold;
    text-align: center;
}
.email_div{
    width: 50%;
    margin: auto;
}
.email_div  label {

}
.email_div input {
    background: transparent;
    border: 1px solid #3C86D7;
    display: inline;
    width: 50%;
}
.email_div button {
    display: inline;
}

.wrapper{
    overflow: auto!important;
    overflow: scroll!important;
}

这是我的 plunker:http://plnkr.co/edit/G8mp53rQlF562hEkgmgT?p=preview

Answer 1

就这样

.wrapper{
    overflow: auto!important;
    overflow: scroll!important
    height: 200px;
}

或期望的高度而不是

.wrapper{
    overflow: auto!important;
    overflow: scroll!important;
}

它将开始滚动，因为它只会在数据溢出时滚动

然后塑造这个article可能有帮助，但您不需要使用任何东西，只需使用 Bootstrap 工具提示