bootstrap纵向怎么布局
2个回答
展开全部
先来看看我们一开始的代码,现在只有三段文字
在浏览器中是这样显示的:
用container类将三段文字都装起来,可以看到,这三段文字现在是这样显示的。
假如我想要第二段和第三段文字并列显示,我们可以增加一个行,也就是在设置一个row类将这两段文字装起来
接着使用col-md-*类来装第一段文字。星号表示1-12的数字。因为container可以分为12列,如果数字是8就意味着占用8列的宽度。
这是最后的布局源码
在浏览器中看一下,这就是布局好的样子了。红色框线是不存在的,是我为了方便查看而画好的。
在浏览器中是这样显示的:
用container类将三段文字都装起来,可以看到,这三段文字现在是这样显示的。
假如我想要第二段和第三段文字并列显示,我们可以增加一个行,也就是在设置一个row类将这两段文字装起来
接着使用col-md-*类来装第一段文字。星号表示1-12的数字。因为container可以分为12列,如果数字是8就意味着占用8列的宽度。
这是最后的布局源码
在浏览器中看一下,这就是布局好的样子了。红色框线是不存在的,是我为了方便查看而画好的。
已赞过
已踩过<
评论
收起
你对这个回答的评价是?
推荐律师服务:
若未解决您的问题,请您详细描述您的问题,通过百度律临进行免费专业咨询