z-blogPHP拍拍看主题模版的文章页面样式效果

  • 谁能告诉我bootstrap里面的.container为什么左右内留15px

    我很奇怪,为什么bootstrap里面的.container属性左右内留了15px的属性。这样的一个属性在PC台式电脑上还可以接受,毕竟的左右的内留padding属性,整体效果还可以。但一旦到了移动端设备里面,它就留的有店太多了。

    手机屏幕一般宽度就几百PX,左右内缩15px,再加上其他项目的内缩进,有时候可能一下内缩进了60px。这让原本就很少的内

     3年前 (2016-07-02)  Bootstrap css    1006

  • 用Bootstrap的Carousel做幻灯片尝试详解

    今天准备做一个可移动的幻灯片展示,用Bootstrap自带的Carousel插件做后发现,原来它是这样的强大,根本不单单只做幻灯片!

    Bootstrap给出的标准代码是这样的:

     3年前 (2016-01-15)  Bootstrap 代码    1225

  • Bootstrap嵌入响应式视频(可无障碍浏览)的方法

    昨晚,我测试了下Bootstrap框架下video视频的插入,发现通过 diviframe可以轻松实现视频的插入,效果详见《“他怎么那么红” 相声瓦舍和德云社一样能讲传统相声》。

    通过对Bootstrap的学习,我发现,只要通过它原有代码就可以做到了,原Bootstrap插入的video视频的方法如下:

    <!-- 16:9 aspect ratio  --> 
    <div class="embed-responsive embed-responsive-16by9">
        <iframe class="embed-responsive-item" src="..."></iframe>
    </div>
    <!-- 4:3 aspect ratio -->
    <div class="embed-responsive embed-responsive-4by3">
        <iframe class="embed-responsive-item" src="..."></iframe>
    </div>
     3年前 (2016-01-11)  Bootstrap 代码    5699

  • Sublime主题正式更名为“灰板”主题

    2016年1月8日,原zblogPHP程序Sublime主题正式更名为“灰板”主题。新主题基本保留了原主题的格式,并使用Bootstrap为架构重新搭建了新主题模版,使得手机用户能更方便的浏览。

    灰板下载地址:https://app.zblogcn.com/?id=776

    zblogPHP主题模板

    灰板主题依旧采取的灰黑模式,在排版上沿用的是左右两栏排列。整体和单页上都以Bootstrap为架构体系,从方便手机用户角度出发,优化了整个主题模版的结构。主题直接调用了百度公共库中是css和JS代码,在结构体系上,遵循了Bootstrap的架构,使得整理排列更加有序。在主页面和文章内容页面两块主体中,分别调用了侧栏1和侧栏2的选项,使管理者可以根据自身需求灵活搭配内容页面。在侧栏跟随方便,主页和分页面调用了侧栏3,文章内容页面调用了侧栏4。在小屏幕的显示中,这两个侧栏都屏蔽掉了!

    灰板主题保留原sublime主题中顶部和底部固定不变的架构,增加了顶部搜索内容页面,这样可以使移动屏幕小的朋友更能获得较好的浏览效果。

     3年前 (2016-01-08)  Z-BlogPHP 主题 模板 Bootstrap    1311