导航

一些BOOTSTRAP的问题

Posted on 2015-09-22 10:43  powerlx  阅读(186)  评论(0编辑  收藏  举报

 

老师好,有几个点不是很明白,劳烦老师帮忙解惑

<1>不是特别清楚nav和navbar的区别,视频中用的是nav标签,而class则标明navbar,是不是这里的nav其实没有什么作用,而class才真正决定了他的真实控件?那这里的nav我写成<div>是不是也可以呢?

<div class="navbar">

<2>navbar-header和navbar-brand是不是只是为了可读?这里是不是没有必要表明这两个class呢?如果有必要表明,这里的目的是什么呢,产生什么效果呢?

标签承载的目的又是什么呢,我不用a标签的话会怎么样?这只是一种规范还是必要的操作?

<3>为什么我引入的图片就不可以显示呢?jpg和png的都不可以,我是在linux下面用wine装的webstotm,不知道这有没有影响。

还有我的webstorm还不可以现实汉字,否则是乱码,不知道老师可不可以帮我一下。

<4>如果我不关系障碍人士的阅读,是不是可以不加role和aria-*?

<5>不是很理解data-toggle,网上也没有搜到很明白的解释,老师说这是把他作为按钮来对待,还是不是特别理解,老师能不能多解释一下呢?

如果方便,还请老师依次解答,谢谢老师了

 

  • 1.nav是一个元素,而navbar是一个class,元素的样式主要看class,当然,nav也是选择器可以直接选择的元素

    2.navbar-header和navbar-brand是有实在意义额,对效果会产生影响,都有一个float:left的属性

    3.关于引入图片问题,请把您的代码贴出来,我们再看

    4.第四点你说的是对了,至少目前应用范围是这样,当谁知道以后搜索引擎或者其他工具不把他当作依据呢

    5.下面是一段关于data的资料,供你参考下,data确实是个非常了不起的功能,给我们很多的方便

    Data 属性

    你可以仅仅通过data属性API就能使用所有Bootstrap中的插件,而且不用写一行JavaScript代码。这是Bootstrap中的一等API,并且是你的首选方式。

    特殊情况是,在某些情况下可能需要特意禁用这种默认动作。因此,我们特地提供了禁用data属性API的方式,通过解除绑定在body上的被命名为`'data-api'`的事件即可实现。如下所示:

         $('body').off('.data-api')

    还可以解除特定插件的事件绑定,只要将插件名和data-api链接在一起作为参数使用。如下所示:

         $('body').off('.alert.data-api')

    编程API

    我们同时为所有Bootstrap插件提供了JavaScript API。所有公开的API都可以单独或链式调用,均返回其所操作的集合(和jQuery的API一致)。

         $(".btn.danger").button("toggle").addClass("fat")

    所有方法均可接受一个可选的参数对象、一个对此方法有特定意义的字符串或者什么也不传(即用默认参数初始化此插件):

         $("#myModal").modal() // initialized with defaults

         $("#myModal").modal({ keyboard: false }) // initialized with no keyboard

         $("#myModal").modal('show') // initializes and invokes show immediately

    每个插件都通过`Constructor` 属性暴露了其原始的构造函数:$.fn.popover.Constructor。如果你想获得某个特定插件的实例,可以直接从页面元素中获取:$('[rel=popover]').data('popover').