Twitter bootstrap 我有psd文件,如果可能的话,我想转换成Bootstrap3

Twitter bootstrap 我有psd文件,如果可能的话,我想转换成Bootstrap3,twitter-bootstrap,psd,Twitter Bootstrap,Psd,PsD文件。 你能为我的项目提供一些解决方案吗?非常感谢。 我试过一些例子,但我无能为力。我认为这是不可能的。 Bootstrap是一个帮助您创建网页的框架。 PSD可以导出为图像。可能有一些基本的HTML标签,但它不会被导出,因为它有一个带有CSS或引导元素的响应性网站 下载包含.js、css和字体的引导基本文件-从这里: 下载第一个选项(名为Bootstrap) 使用您的软件创建HTML页面(例如:Adobe Dreamweaver、Sublime等) 代码如下: <!DOCTYPE

PsD文件。 你能为我的项目提供一些解决方案吗?非常感谢。
我试过一些例子,但我无能为力。

我认为这是不可能的。 Bootstrap是一个帮助您创建网页的框架。 PSD可以导出为图像。可能有一些基本的HTML标签,但它不会被导出,因为它有一个带有CSS或引导元素的响应性网站

  • 下载包含.js、css和字体的引导基本文件-从这里:
  • 下载第一个选项(名为Bootstrap)

  • 使用您的软件创建HTML页面(例如:Adobe Dreamweaver、Sublime等)
  • 代码如下:

    <!DOCTYPE html>
    <html lang="en">
      <head>
        <meta charset="utf-8">
        <meta http-equiv="X-UA-Compatible" content="IE=edge">
        <meta name="viewport" content="width=device-width, initial-scale=1">
        <!-- The above 3 meta tags *must* come first in the head; any other head content must come *after* these tags -->
        <title>Bootstrap 101 Template</title>
    
        <!-- Bootstrap -->
        <link href="css/bootstrap.min.css" rel="stylesheet">
    
        <!-- HTML5 shim and Respond.js for IE8 support of HTML5 elements and media queries -->
        <!-- WARNING: Respond.js doesn't work if you view the page via file:// -->
        <!--[if lt IE 9]>
          <script src="https://oss.maxcdn.com/html5shiv/3.7.3/html5shiv.min.js"></script>
          <script src="https://oss.maxcdn.com/respond/1.4.2/respond.min.js"></script>
        <![endif]-->
      </head>
      <body>
        <h1>Hello, world!</h1>
    
        <!-- jQuery (necessary for Bootstrap's JavaScript plugins) -->
        <script src="https://ajax.googleapis.com/ajax/libs/jquery/1.12.4/jquery.min.js"></script>
        <!-- Include all compiled plugins (below), or include individual files as needed -->
        <script src="js/bootstrap.min.js"></script>
      </body>
    </html>
    
    
    引导101模板
    你好,世界!
    
  • 包括下载的css和js文件

  • 现在您可以开始编写代码了,bootstrap.min.css样式表中有很多css样式。创建额外css所需的其他样式


  • 希望你先试试自己。谷歌很聪明,你会得到很多建议。如果您陷入困境,那么我们将在这里指导和帮助您。我希望使用bootstrap使其具有响应性。是否可以仅使用bootstrap使其具有响应性?我可以多次使用class.container吗?。