twitter-bootstrap – Bootstrap网格列一分为两行,第二列与之相

发布时间：2020-12-17 21:30:28 所属栏目：安全来源：网络整理

导读："" col1 col2 "" |--------------|---------------|"" | text1 | | "" |--------------| navigation | "" | text2 | |"" |--------------|---------------| 我需要像上图一样创建网格来保存文本和导航菜单. 到目前为止,我尝试使用行和跨度的不同变化. 这个想

">"        col1             col2      
">"   |--------------|---------------|
">"   |   text1      |               | 
">"   |--------------|  navigation   | 
">"   |    text2     |               |
">"   |--------------|---------------|

我需要像上图一样创建网格来保存文本和导航菜单.
到目前为止,我尝试使用行和跨度的不同变化.
这个想法是col1分为两个,col2应该在它旁边.
左边的列分为两列,右边的列相同,但与第一列相邻.

`<div class="row">  
            <div class="span6"> 
                <div class="row">
                    <div class="col-sm-6" style="background-color:blue;">AAAA</div>
               </div>       
              <div class="row">
                   <div class="col-sm-6" style="background-color:red;">BBBB</div>
              </div>    
            </div>  

            <div class="span6">

              <div class="row">
                   <div class="col-sm-12" style="background-color:yellow;">row2</div>
              </div>

            </div>  
        </div>`

解决方法

这会对你有所帮助. LINK

我添加了背景色,这样你就可以看到div了.

（编辑：李大同）

【声明】本站内容均来自网络，其相关言论仅代表作者个人观点，不代表本站立场。若无意侵犯到您的权利，请及时与联系站长删除相关内容!