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
        2.  

        3. OutOfMemoryError:PermGen space
        4.  

        5. OutOfMemoryError:unable to create new native thread
        6.  

         

        前面兩種可以透過設置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

發表迴響

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

WordPress.com Logo

You are commenting using your WordPress.com account. Log Out / 變更 )

Twitter picture

You are commenting using your Twitter account. Log Out / 變更 )

Facebook照片

You are commenting using your Facebook account. Log Out / 變更 )

Google+ photo

You are commenting using your Google+ account. Log Out / 變更 )

連結到 %s

在WordPress.com寫網誌.

%d 位部落客按了讚: