Benx Blog

八月 28, 2014

Diigo Diary 08/28/2014

Filed under: Diigo Diary — benxshen @ 8:30 上午
    • Twitter Bootstrap 3 includes predefined grid classes for quickly making grid layouts for different types of devices like cell phones, tablets, desktops, etc. For example, you can use the .col-xs- class to create grid columns for extra small devices like cell phone similarly the .col-sm- for small screen devices like tablets, the .col-md- class for medium size devices like desktop and the .col-lg- for large desktop screens. The following table summarizes some of the key features of new grid system.
  • tags: Bootstrap tutorial sample

    • Grid options


      See how aspects of the Bootstrap grid system work across multiple devices with a handy table.

















































        Extra small devices  Phones (<768px)    Small devices  Tablets (≥768px)    Medium devices  Desktops (≥992px)    Large devices  Desktops (≥1200px) 
      Grid behavior Horizontal at all times Collapsed to start, horizontal above breakpoints
      Container width None (auto) 750px 970px 1170px
      Class prefix .col-xs- .col-sm- .col-md- .col-lg-
      # of columns 12
      Column width Auto ~62px ~81px ~97px
      Gutter width 30px (15px on each side of a column)
      Nestable Yes
      Offsets Yes
      Column ordering Yes
    • This class uses pointer-events: none to try to disable the link functionality of <a>s, but that CSS property is not yet standardized and isn’t fully supported in Opera 18 and below, or in Internet Explorer 11. So to be safe, use custom JavaScript to disable such links.
    • While button classes can be used on <a> and <button> elements, only <button> elements are supported within our nav and navbar components.
    • As a best practice, we highly recommend using the <button> element whenever possible to ensure matching cross-browser rendering.
  • tags: tomcat config memory

      • Tomcat 產生OutOfMemoryError的原因:





        1. OutOfMemoryError:Java heap space

        3. OutOfMemoryError:PermGen space

        5. OutOfMemoryError:unable to create new native thread


        前面兩種可以透過設置Tomcat的參數來解決(-Xms -Xmx -XX:PermSize -XX:MaxPermSize)

  • tags: font what-is

    • 無襯線體Sans-serif)專指西文中沒有襯線字體,與漢字等東亞字體中的黑体相對應。與襯線字體相反。
    • 无衬线字体


      Serif and sans-serif 01.png




      Serif and sans-serif 02.png




      Serif and sans-serif 03.png

Posted from Diigo. The rest of my favorite links are here.

發表迴響 »


RSS feed for comments on this post. TrackBack URI


在下方填入你的資料或按右方圖示以社群網站登入: Logo

您的留言將使用 帳號。 登出 /  變更 )

Google+ photo

您的留言將使用 Google+ 帳號。 登出 /  變更 )

Twitter picture

您的留言將使用 Twitter 帳號。 登出 /  變更 )


您的留言將使用 Facebook 帳號。 登出 /  變更 )


連結到 %s

在 建立免費網站或網誌.

%d 位部落客按了讚: