码迷,mamicode.com
首页 > 其他好文 > 详细

bootstrap-5

时间:2015-12-07 16:00:09      阅读:111      评论:0      收藏:0      [点我收藏+]

标签:

代码(一)

  在bootstrap中主要提供了三种代码风格:详见688行-730行

  1.使用<code></code>来显示单行内联代码

  2.使用<pre></pre>来显示多行块代码

  3.使用<kbd></kbd>来显示用户输入代码

  在使用代码时,用户可以根据具体的需求来使用不同的类型:

  1.<code>:一般是针对当个单词或单个句子的代码

  2.<pre>:一般是针对多行代码(也就是成块代码)

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

  注意:不管使用哪种类型的代码风格,在代码中使用<>要分别使用&lt &gt来替换,而且对于<pre>代码块风格,标签前面多少个空格,在显示效果中就会留多少个空格

 

代码(二)

  <pre>元素一般用于显示大块的代码,并保证原有格式不变,但有时候代码太多,而且不想其占有太大的页面篇幅,就想控制代码的大小。Bootstrap也考虑到这一点,你只需要在pre标签上添加类型".pre-scrollable",就可以控制代码块区域最大高度为340px,一旦超过这个高度,就会在Y轴上出现滚动条哦。

bootstrap-5

标签:

原文地址:http://www.cnblogs.com/jodie-blog/p/5026102.html

(0)
(0)
   
举报
评论 一句话评论(0
登录后才能评论!
© 2014 mamicode.com 版权所有  联系我们:gaon5@hotmail.com
迷上了代码!