Bootstrap能够产生这种布局吗?

时间:2015-11-26 01:05:17

标签: html css twitter-bootstrap

我需要使用Bootstrap编写一个布局(http://lancebitner.com/Story%20580_WAGE_Yes.pdf),我不确定它是否可行。我对Bootstrap的经验有限,但对HTML和CSS有更多的经验。我不确定它是否可能,因为我无法找到任何对此布局的引用。谁能指出我正确的方向?每个页面都有不同的功能,我希望每个页面都使用Bootstrap生成它们。

有没有人看过类似这个模型的网站,其布局和功能使用Bootstrap?

4 个答案:

答案 0 :(得分:6)

任何设计都可以使用bootstrap完成,它关于你如何操作或编辑现有代码,但对我来说,bootstrap最好的部分是网格系统,它可以让你有一个更好的响应式设计。 / p>

答案 1 :(得分:4)

可能不完全正确。 bootstrap实际上是一个带有标记和css规则集合的网格系统,它会使它看起来有点不同(但好多了)。 这意味着如果你将使用默认规则,一些元素将看起来不同(按钮,表单元素等) - 但你总是可以覆盖它们......但是再次 - 为什么要使用bootstrap: - )

作为直接答案 - 对于布局本身(忽略设计) - 是的,你可以。

bootstrap还将为您提供设备/浏览器兼容性的优势,这些日子很难从HTML中实现0的编码。

我建议你转到examples页面,在那里你可以看到一些布局 - 结合这些将允许你实现你需要的布局。同时传递在官方网页上展示的所有元素和componentsformtablebuttons等)。您需要的所有元素都在那里(以及更多)

为了理解bootstrap,最好的方法就是实现它。

答案 2 :(得分:2)

美好的一天,

是的,可以用pdf判断,你可以在这里使用一些免费的bootstrap模板,只需调整它

https://bootswatch.com/http://designmodo.github.io/Flat-UI/

干杯:)

答案 3 :(得分:0)

我做了一些研究,你们是对的,Bootstrap可以做到;它只需要一些自定义的CSS和JS。我找到了一个Bootstrap布局,其中包含了我正在寻找的一些功能;带有下拉菜单的单列布局:http://alijafarian.com/bootstrap-multi-column-dropdown-menu/。此外,对于两个列页面,我发现了这种布局:http://startbootstrap.com/template-overviews/2-col-portfolio/。这些布局将有很大帮助。通过一些调整,我正在路上!

http://lancebitner.com/Capture2.PNG