转载

发表于 2015年09月24日
浏览 (1,798)
评论 (0)

Bootstrap 排版内联列表

内联列表

通过设置 display: inline-block; 并添加少量的内补（padding），将所有元素放置于同一行。

语法：

<ul class="list-inline">
<li>...</li>

</ul>

案例：

<ul class="list-inline">

      <li>Lorem ipsum</li>

      <li>Phasellus iaculis</li>

      <li>Nulla volutpat</li>

</ul>

运行结果：

Bootstrap 排版内联列表

正文到此结束

所属分类： bootstrap3

本文标签： ip http W3C src list Bootstrap
版权声明： 本文为互联网转载文章，出处已在文章中说明(部分除外)。如果侵权，请联系本站长删除，谢谢。
本文海报： 生成海报一生成海报二

热门推荐

openfire数据库安装指南

浏览(13,720) 评论(0)
Caffe 深度学习框架上手教程

浏览(10,434) 评论(0)
ReactiveCocoa入门教程：第一部分

浏览(11,268) 评论(0)
开源HIDS-OSSEC使用实例:监测CC攻击

浏览(11,171) 评论(0)
Decorators in ES7

浏览(15,714) 评论(4)
用Electron（Atom编辑器的兄弟项目）开发桌面应用

浏览(28,741) 评论(0)
Windows下JetBrains CLion中文输出乱码的解决方法

浏览(12,195) 评论(1)
同步-@synchronized, NSLock, pthread, OSSpinLock性能比较

浏览(11,157) 评论(0)
Seaweedfs之Volume读请求重定向

浏览(25,431) 评论(3)
HTML、CSS及JavaScript ：有Promise，不会搞大肚子

浏览(13,294) 评论(0)

相关文章

阿里云首购8折

Loading...

其他链接

关于本站

本站定位：个人技术类博客

本站作用：写博客、记日志、闲聊扯淡鼓捣技术。

问题交流

[HBLOG]公众号

HBLOG

HBLOG