2014年7月16日 星期三

bootstrap 3.2 修改 Media queries breakpoints

1. 打開  /bootstrap/less/variables.less

2. Ctrl + F  , 輸入  screen

3 . 修改

  • @screen-xs  :   320px;
  • @screen-sm :   768px;
  • @screen-md :   1024px;
  • @screen-lg    :   1200px;
4. 存檔

5.  開啟 nodejs 命令介面

6  輸入:  grunt dist         (做編譯)

bootstrap source 使用 與 編譯

bootstrap 下載 source檔,較方便修改,在更改 less檔後,可經由grunt編譯產生結果。

1.需要先安裝 nodejs


2. 下載 bootstrap source版本

  • bootstrap有提供壓縮好的版本,與原始碼版。
  • 壓縮版可以直接使用,修改是直接改動css.
  • source版,可以藉由改動less在使用grunt編譯至dist夾產生壓縮結果。
  • 直接改css對沒學過less的人比較直覺,但改動地方多容易不同步。
  • source可改less,因為有變數等功能關係,改動較少就能達到效果。

3. 安裝 grunt
  • 開啟 nodejs 命令介面。  (open  nodejs command line)
  • 輸入:  npm install -g grunt-cli   //將會安裝grunt 於全域環境
4. 安裝 bootstrap 所需模組
  • 進入boostrap根目錄下。     \bootstrap\
  • 輸入:  npm install   ,npm 將會依照  package.json設定來安裝模組套件於區域環境。

5. 編譯 less並將css與javascript壓縮
  • 在bootstrap根目錄下輸入:  grunt dist 

Note:
  • nodejs 在找尋模組會先從專案夾中的區域模組夾中找尋,找不到才會去全域模組資料夾找模組。



Spring Class中,使用 properties

1.  spring config  xml

&lt!-- 提供 properties檔之內容注入 bean 屬性 使用  @(Value ${屬性名稱}) 注入 -->
<context:property-placeholder location="classpath*:META-INF/mongodb.properties"/>


2. mongodb.properties
 
       #db name
      mongo.dbName=englishStore


3. 
@Value("${mongo.dbName}")
private String dbName;

Spring JSP 中使用 properties 檔屬性

1.  xml 需要
  • xmlns:util="http://www.springframework.org/schema/util"
  • xsi:schemaLocation="http://www.springframework.org/schema/beans
    http://www.springframework.org/schema/util/spring-util-3.0.xsd"


2. spring   xml

<util:properties id="commonProperties
location="/WEB-INF/nodejs.properties"/>

3. nodejs.properties

    nodejsHost=http://localhost:3000

4. jsp

<spring:eval var="host" expression="@commonProperties.nodejsHost"/>