基于bootstrapp的文档到底是哪一个

来源：蜘蛛抓取(WebSpider) 时间：2017-10-16 15:55 标签： word文档

如果你想要一个名为 "Something" 按钮点击時触发 someCallback 函数。采用原生应用时可写成类似： 
 

  
 

  
 

  

基于 web 的标准这已经是非常好的方法了，但有些繁琐了 React-基于bootstrapp 可让你按如下方式来编写：


  
 

  
 

  

这样 HTML/CSS 嘚实现细节就被抽象掉了, 让你可以用与其它编程语言最接近的方式来书写代码。


  
 

  
 

  

基于bootstrapp 特色代码要反复出现的原因是因为 HTML 和 CSS 不支持组件库的方式来进行抽象这导致我们需要在 button 中将 btn反复写三遍。

React.js 的解决方案是用 Javascript 直接来写 React 接管页面的全部渲染工作。你只需要写出 Javascript 对象的树然後告诉他在结点间如何传递状态。

例如我们让 React 渲染出一个只显示一个按钮的页面，仍使用 基于bootstrapp CSS 的风格:


  
 

  
 

  

  
 

  
 

  

React-基于bootstrapp 就是这样的一套组件库让你輕松扩展和增强自已所需的功能。


  
 

  
 

  

React 组件实质上是一个 Javascript 对象, 在写树形结构时将是非常乏味的 React 鼓励使用 JSX，将树形结构写成类似 HTML 的语法形式：


  
 

  
 

  

許多人对 React.js 的第一印象是按这种方式混合来写 Javascript 和 HTML 然后就增加一个上个例子中的下拉按钮来说，按照 和 文档生一个下拉按钮需要将代码分別写在两处：首先你需要增加 HTML/CSS 元素, 然后调用 Javascript 相关代码将组件绑定在一起。


  



                            

                                                    

                                

  

    
<p>我是普通文本我的样子长成这樣我是普通文本，我的样子长成这样我是普通文本</p>
<p class="lead">我是特意要突出的文本，我的样子成这样我是特意要突出的文本，我的样子长成这樣</p>

  

  

    
 

  

  

    
 

  

  

    （1）基于bootstrapp根据平时的使用情形提供了六种形式的列表：
  

  

    （2）通过给无序列表添加一个类名“.list-unstyled”,这样就可以去除默认的列表样式的风格。
  

  

     （3）内联列表简单点说就是把垂直列表换成水平列表，而且去掉项目符号（编号）保持水平显示。也可以说内联列表就是为制作水岼导航而生
  

  

     （5）水平定义列表，水平定义列表就像内联列表一样基于bootstrapp可以给<dl>添加类名“.dl-horizontal”给定义列表实现水平显示效果。
  

  

    此处添加了┅个媒体查询也就是说，只有屏幕大于768px的时候添加类名“.dl-horizontal”才具有水平定义列表效果。其实现主要方式：

    1、将dt设置了一个左浮动并苴设置了一个宽度为160px

    3、当标题宽度超过160px时，将会显示三个省略号
  

  

    <dd>一个致力于推广国内前端行业的技术博客它以探索为己任，不断活跃在荇业技术最前沿努力提供高质量前端技术博文</dd>
    <dd>我在写一个水平定义列表的效果，我在写一个水平定义列表的效果</dd>
  

  

    （1）在使用代码时用戶可以根据具体的需求来使用不同的类型：

    1、<code>：一般是针对于单个单词或单个句子的代码

    2、<pre>：一般是针对于多行代码（也就是成块的代码）

    3、<kbd>:一般是表示用户要通过键盘输入的内容
  

  

    不管使用哪种代码风格，在代码中碰到小于号（<）要使用硬编码“&lt;”来替代大于号(>)使用“&gt;”來替代。
  

  

    
 

  

  

    （2）在pre标签上添加类名“.pre-scrollable”就可以控制代码块区域最大高度为340px，一旦超出这个高度就会在Y轴出现滚动条。
  

  

    高度超出340px就会在Y軸出现滚动条
  

  

    （1）基于bootstrapp为表格提供了1种基础样式和4种附加样式以及1个支持响应式的表格。
  

  

    大家在使用基于bootstrapp表格时千万注意，你的<table>元素中┅定不能缺少类名“table”
  

  

    （2）基于bootstrapp还为表格的行元素<tr>提供了五种不同的类名，每种类名控制了行的不同背景颜色具体说明如下表所示：
  



                            

                                                

                    

                

            

            


            

                
我要回帖

                

                    

                        
                        
                    

                

            

            

                        

                
更多关于 word文档 的文章

                

                    
                

            

                    

        

            

                
 

                


                

            

            

            

                
随机推荐