bootstrap学习总结
未知
2019-04-19 09:51:12
0次
1，面板 panel
           可用于：登录，注册页面。
       <div class="panel panel-default">
                <div class="panel-heading">
                    <h3 class="panel-title">登录</h3>
                </div>
                <div class="panel-body">
                      <form>

                        </form>
                </div>
            </div>
2，div里面的img居中。
<img src="图片地址" class="img-responsive center-block" />

3，解决bootstrap导航条居中显示的问题

<div class="navbar-collapse collapse" style="text-align: center;">
    <ul class="nav navbar-nav" style="display: inline-block;float: none;">
        <li class="">
            <a href="#">首页</a>
        </li>
        <li class="">
            <a href="#">加入我们</a>
        </li>
        <li class="">
            <a href="#">联系我们</a>
        </li>
    </ul>
</div>
4，禁用Bootstrap的Collapse打开/关闭动画
<style>
.collapsing {
    -webkit-transition: none;
    transition: none;
    display: none;
}
</style>
bootstrap bootstrap学习

上一篇：php 打印date函数出现错误警告

下一篇：js返回上一页各种操作方法

相关内容

table.bootstr...
table.bootstrapTable('refresh' 传参
2024-05-11 17:38:01
bootstrap表格文字...
bootstrap表格文字汉字换行
2024-01-23 14:51:33
bootstrap插件di...
问题描述： 使用bootstrap插件实现地区的选择 解决办法： ...
2021-07-16 11:11:36
tp5中bootstrap...
问题描述： 使用bootstrap框架做一个文件上传的表单，有图片...
2021-07-02 16:12:18
tp5调用父栏目数据使用b...
tp5调用父栏目数据使用bootstrap展示栏目树形结构
2021-06-03 17:29:42
bootstrap把小图片...
td class=openimg img style=width:...
2021-05-11 15:12:53

热门资讯

淘宝优惠券 淘宝优惠券先领券后下单，更加省钱
京东优惠券 京东优惠券先领券后下单，更加省钱
唯品会优惠券 唯品会优惠券先领券后下单，更加省钱
拼多多优惠券 拼多多优惠券先领券后下单，更加省钱
tp5 jquery判断手机端... application--common.php中添加如下代码 //函数作用是判断用户打开的是手机端还...
Laravel 5.5 .No... 创建了新的laravel项目后, 运行提示:No application encryption ke...
php 打印date函数出现错... 问题描述： 我使用的是phpstudy，在练习时间函数的时候，打印出现在的时间，date(Y-m-d...
生成随机字符唯一标识符guid... /** * @param $length * @return string * 生成随机字符串 */...
layui缩略图 div class=layui-form-item label class=layui-form-l...
php函数substr_rep... php函数substr_replace从某个位置替换或删除或插入字符串
Laravel 引入自定义类库... 强烈建议引入的类 都是含有命名空间的，这样使用起来就不会出现重名的情况。！！当然，没有命名空间也可以...
object json转化为数... //调用api 程序,通知商户订单异常 20200314 public function callt...
Laravel 查看SQL操作... 方法一：临时打印操作记录 DB::connection()-enableQueryLog(); # ...
php银行开放平台接口：pfx... 问题描述： 对接易通银行，他们的服务开放平台是java开发，而我的是php，现在需要php版本的SD...