trial about https://developer.salesforce.com/blogs/developer-relations/2014/07/building-salesforce1-apps-visualforce-angularjs-bootstrap.html

trial-bootstrap-sf1

<apex:page docType="html-5.0" showHeader="false" sidebar="false" standardStylesheets="false" >
  <apex:stylesheet value="//cdn.jsdelivr.net/webjars/bootstrap-sf1/0.1.0-beta.6/css/bootstrap-namespaced.css"/>
  <apex:includeScript value="//ajax.googleapis.com/ajax/libs/angularjs/1.3.0-beta.11/angular.min.js"/>

  <script>
    angular.module("ngApp", []);
  </script>

<div class="bootstrap" ng-app="ngApp"> 
<div class="container">
<div class="row">
  <div class="col-md-8">
    <form>
      <label>Name:</label>
      <input type="text" ng-model="yourName" placeholder="Enter a name here"/>
      <hr/>
      <h1>Hello {{yourName}}!</h1>
      <input class="btn" type="button" value="test"/>
        
      <fieldset>
        <legend>Legend</legend>
        <div class="form-group">
          <label for="exampleInputEmail">Email address</label>
          <input type="text" class="form-control" id="exampleInputEmail" placeholder="Enter email" />
        </div>
        <div class="form-group">
          <label for="exampleInputPassword">Password</label>
          <input type="password" class="form-control" id="exampleInputPassword" placeholder="Password" />
        </div>
        <div class="form-group">
          <label for="exampleInputFile">File input</label>
          <input type="file" id="exampleInputFile" />
          <p class="help-block">Example block-level help text here.</p>
        </div>
        <div class="checkbox">
          <label>
            <input type="checkbox" />Check me out</label>
        </div>
        <button type="submit" class="btn btn-default">Submit</button>
      </fieldset>
        
    </form>
  </div><!-- .col-md-8  -->
  <div class="col-md-4">.col-md-4</div>
  </div><!-- .row -->
</div><!-- .container -->
</div><!-- .bootstrap -->

</apex:page>