如何使用bootstrap 4设计示例psd

文章/答案/技术大牛

发布

1回答

bootstrap-4、psd

我想设计同样的psd。 <div class="d-inline-flex align-items-center"> <h4class="col-sm-1 ml-3"><i class="fas fa-map-marker-alt"></i></h4>

浏览 19提问于2019-01-28得票数 0

回答已采纳

3回答

如何使用Bootstrap 3或4- 16 & 24网格系统

twitter-bootstrap、twitter-bootstrap-3

我已经设计了一个Bootstrap 24 psd网格网站模板，但现在我对如何在Bootstrap 3或4中使用这个24或16 psd网格感到困惑，因为Bootstrap只提供12列网格系统。

浏览 6提问于2018-06-27得票数 2

1回答

我想使用Twitter bootstrap来使我的设计响应。我得到了不同大小的PSD，例如1200,1024,980,960等，我相应地创建了一个1200,1024,980,960的#wrap，然后在这个wrap中做所有的设计。我对Bootstrap感到困惑。我的问题是，我只能在bootstrap网格上设计的PSD上应用响应式引导，还是可以在任何大小的PSD上使用响应式引导？如果是，那么我如

浏览 2提问于2012-10-05得票数 1

回答已采纳

1回答

仍然对Bootstrap* 3中的网格感到困惑*

css、twitter-bootstrap、twitter-bootstrap-3

嗨，我是一个初学者，试图在Photoshop中创建我自己的基于Bootstrap 3网格的web布局。我已经下载了一些模仿Bootstrap3网格的.psd文件，这样你就可以围绕它们进行设计了。我还使用Bootstrap创建了一个html网格，您可以在这里看到查看源代码。我的问题是，为什么列的宽度不是70像素，间隔宽度不是30像素，就像.psd网格的情况一样……我用html在顶部拍摄了一张.psd网格的屏幕截图，这样你就可以看到列是如何</e

浏览 0提问于2014-03-02得票数 0

1回答

Vaadin中需要的设计帮助

vaadin、vaadin7、vaadin4spring、vaadin-charts、vaadin6

我是新在VAADIN和我的前辈给出了一个任务，以创建一个网站使用VAADIN，但我面临着在VAADIN创建HTML，CSS等许多困难。设计师给我的PSD/JPG格式的网站设计，我必须在VAADIN实施这些。但是如何..。简而言之，我的问题是如何使用vaadin创建

浏览 3提问于2015-09-30得票数 0

1回答

“全宽度”PSD设计中的列数

html、css、twitter-bootstrap、responsive-design

我有一个PSD的设计，这是1980年it (全宽度)，我需要转换成HTML，使用引导3。如果是这样的话，1980年的If设计：如何知道要为黑色、红色和蓝色部分设置多少列？

浏览 1提问于2015-02-20得票数 0

2回答

基于PSD划分bootstrap网格系统的问题

html、css、twitter-bootstrap、responsive-design

对于响应式网站开发，我使用twitter bootstrap框架。根据psd，容器的总宽度为980px，左块宽度为607px，右块宽度为373px。如果我使用col-md-8 & col-md-4，下面的宽度是无法实现的。那么有没有克服它的可能性呢？或者我应该要求设计师根据网格系统(12列)的布局进行设计

浏览 1提问于2015-01-30得票数 0

1回答

bootstrap 4 pull/float-right不适用于psd

bootstrap-4

我有psd。我试着设计它。但我没有成功。但我看到了这个。这就是代码。<div class="col-md-3"> <div class

浏览 4提问于2019-07-15得票数 1

回答已采纳

2回答

使用980px的Twitter Bootstrap

html、css、twitter-bootstrap、grid

我的一个设计师寄给我980px宽的PSD。我想使用Twitter Bootstrap响应布局来实现这一点。其实我是后端开发人员，我对前端了解不多。我发现bootstreo容器类支持940px。如何在980px下使用？

浏览 3提问于2013-01-04得票数 1

回答已采纳

3回答

如何使用Bootstrap在页面上设计这些形状？

html、css

我正在尝试从PSD文档创建一个网站，但我不知道如何在我的导航中创建此形状。它是一个具有负margin-top和一些border-radius的大<div>吗 ? 另外，如何使用bootstrap在页面上实现此设计？比如div来自中心区域之外，以及来自客户照片的“聊天泡泡效应”。 ?

浏览 23提问于2019-04-22得票数 0

2回答

使用响应式设计将元素大小从PSD转换为HTML

html、css、photoshop、psd

我必须转换一个私营部门的文件与响应式设计的HTML5。这是我第一次这样做，我想要一些明确的方向。当我从PSD中提取CSS文件时，我看到一些奇怪的东西，比如所有的元素都在position=absolute中，这看起来很虚拟。我想我必须根据新的HTML来更改它？如何让它响应不同的屏幕宽度和高度以及移动端？如果我直接嵌入到Bootstrap元素，应该这样做吗？我应该从PSD计算每个元素的相对大小(相对于PSD文件的高度和宽度)并转换为%吗？(例如: PSD文件100px的主

浏览 1提问于2013-11-23得票数 0

1回答

容器宽度设置需要澄清

css、twitter-bootstrap-3、width、psd

对于我的PSD设计，容器宽度是1136px，我使用bootstrap进行设计，所以我决定将容器宽度设置为1166px，因为容器填充30px与行填充30px匹配，所以这是修复1164px的正确方法，或者我应该转到

浏览 13提问于2017-02-13得票数 1

1回答

如何将我的自定义UI从PSD添加到Bootstrap？

html、css、twitter-bootstrap

最近，我研究了一些HTML和CSS内容，以便更深入地研究web开发，我已经设计了一段时间的站点，我很想开始开发一些网站。我在网上见过很多次Bootstrap，我想知道是否有人能帮我指出正确的方向.我一直在学习HTML/CSS的基础知识，据我所知，Bootstrap是一个html/css框架吗？我有我自己的UI设计在一个PSD文件，我如何让他们在Bootstrap内工作？这是一个分割我的图像和添加自定义CSS到引导的问题吗？我知道我离这还有很长的路要走

浏览 2提问于2013-09-23得票数 2

1回答

iOS psd到xcode

ios、xcode、psd

我正在创建一个iOS应用程序，我设计了一个使用photoshop的界面。PSD图像大小是iPhone 4s，我设计的故事板也是iPhone 4s。我原以为我能从PSD中分割出一张图像，保存下来，然后把它导入到我的故事板上，得到正确的大小。然而，情况并非如此。这张图片似乎出现在情节提要中，是应该出现的尺寸的两倍。我想知道我哪里出了问题，为什么故事板中的图像大小与PSD中的图像不相关？TLDR；为iPhone 4S尺寸设计</

浏览 3提问于2015-09-03得票数 0

1回答

Psd片与atk4中的新设计

atk4、psd

为我的atk4应用程序创建全新设计的最佳方法是什么。我有psd文件，但我不确定我是否将psd转换为html网格系统或其他一些，最佳实践是什么？另外，当我有html时，我如何在atk4中实现html，以便atk4仍然可以升级？谢谢，彼得

浏览 4提问于2014-04-12得票数 0

回答已采纳

1回答

如何确定通过css从Photoshop获得效果的一般方法？

css、photoshop、styling、pixel-perfect

我们的设计师更喜欢在.psd (Photoshop)中提供网页设计。当我们创建页面标记和样式时，我们通常不得不折衷设计，以支持我们可以使用的工具。当然，后者取决于实现页面的人的技能，但在下面的示例中，研究和得出正确的CSS技术以实现设计的一般方法是什么？所讨论的示例如下:在Photoshop中，基于文本的登录按钮看起来如下所示：这基本上是一个元素，其效果(Fx)应用于它。如果我们要让它看起来与最终的.psd设计</

浏览 5提问于2016-04-09得票数 2

回答已采纳

1回答

PSD到HTML元素维度

html、css、psd

我有一个设计师谁设计我的网站使用Photoshop (.psd)。这是如何将psd转换成html的吗？按照设计师设计的实际<e

浏览 7提问于2014-01-14得票数 1

6回答

使用Photoshop或任何设计工具设计iPhone应用程序

iphone、objective-c、iphone-sdk-3.0

我需要知道如何使用Photoshop或类似的工具为iPhone设计新的(不同的)用户界面。我已经在互联网上查看了iPhone的Photoshop设计样机，但我确定，我不需要它，这些示例iPhone文件显示了原始的psd设计元素。我只是在寻找如何设计新的用户界面，以及如何从kick-start应用到iPhone应用程序。让我举个例子，我需要设计新的标签栏并应用于我的小应用程序，以及uiview、uiv

浏览 2提问于2009-10-07得票数 0

回答已采纳

3回答

如何在你的xCode中使用Photoshop PSD设计文件？

iphone、xcode、photoshop

我要创建一个从UI设计到实现的iOS应用程序，我想让我的应用程序看起来更好，所以我谷歌了很多次，发现有人说要先用你的应用程序视图创建一个PSD文件，所以我的问题来了：非常感谢。

浏览 6提问于2011-08-08得票数 1

1回答

如何从手机应用的psd设计中创建sencha主题

sencha-touch-2

我有私营部门的移动设计。以下是psd的jpeg版本示例。我需要在Sencha 2中创建一个自定义设计。所以，请帮助我一步一步地做同样的事情。我的意思是如何设置自定义布局，然后如何建立自定义设计的页面，表单元素等。我是非常新的感觉。提前谢谢你的帮助。

浏览 3提问于2014-07-24得票数 2

回答已采纳

点击加载更多