我正在学习前端开发,我正在尝试使用bootstrap编写我的第一个站点.我猜,我陷入了一个非常简单的事情.如何将文本置于按钮中心?
这是按钮,默认使用"a"标签.
<a class="btn btn-default btn-work" href="#">Check my work</a>
Run Code Online (Sandbox Code Playgroud)
并给它一个宽度和一个高度,文字仍然卡在顶部..
.btn-work {
width: 250px;
height: 50px;
margin: 0 auto;
vertical-align: middle;
}
Run Code Online (Sandbox Code Playgroud)
我也试图将按钮对准容器的中心,我也无法弄明白.
谢谢 !
我正在尝试编写我的第一个网站,我必须构建一个轮播。问题是我有一个较小的图像(400x400),我试图将它垂直对齐到旋转木马和右侧的一些文本中。我position: relative;在旋转木马和absolute带有图像的 div上尝试了+
top: 50%;
transform: translateY(-50%);
Run Code Online (Sandbox Code Playgroud)
不起作用。我想是因为它旁边的轮播标题..
这是现在没有我上面提到的对齐的样子
http://i.imgur.com/LqoXWMo.png
这是HTML:
<!-- Start Carousel -->
<div id="product-detail carousel-example-generic" class="carousel slide" data-ride="carousel">
<!-- Wrapper for slides -->
<div class="carousel-inner" role="listbox">
<div class="item active">
<div class="container">
<div class="carousel-img"></div>
<div class="carousel-caption">
<p class="cat-title">Mercury</p>
</div>
</div>
</div>
<div class="item">
<img src="..." alt="...">
<div class="carousel-caption">
...
</div>
</div>
...
</div>
<!-- Controls -->
<a class="left carousel-control" href="#carousel-example-generic" role="button" data-slide="prev">
<span class="glyphicon glyphicon-chevron-left control-icon" aria-hidden="true"></span>
<span class="sr-only">Previous</span>
</a>
<a class="right …Run Code Online (Sandbox Code Playgroud) 我有一个注册表单,用户可以注册,我最近添加了两个单选按钮来定义用户类型.
例:
(*) I want to buy (*) I want to sell
Run Code Online (Sandbox Code Playgroud)
这是我想要这样做的方法:我在users表中添加了一个布尔字段,我正在考虑检查我是否要购买然后我在数据库中存储1如果另一个被检查然后我存储0.
问题是,我不知道如果选中或不选择单选按钮,如何检查控制器..我试图查看文档和谷歌,但我找到的所有是使用表格门面的一些想法,据我所知在5.4中不再使用...
我正在尝试学习vue,并且我也想将其与laravel集成在一起。我只想将用户ID从刀片发送到vue组件,以便可以在其中执行放置请求。假设我在刀片中有这个:
<example></example>
Run Code Online (Sandbox Code Playgroud)
如何将Auth :: user()-> id发送到此组件并使用它。
我一直在寻找这个问题,但是找不到一个明确的答案。
谢谢!
我正在使用带有 jwt 的passport.js 来验证我的应用程序中的用户。我正在使用包含其他字段和头像字段的有效负载签署 jwt 令牌,以便在我的应用程序中使用头像。现在,我希望用户能够编辑他们的头像。我实现了这个功能并且在一个问题上工作得很好:即使在 mongodb 中更新了头像字段,但只有在我注销并重新登录后,更改才会显示在应用程序中。(再次重新签名令牌后)
在前端,我使用的是 react + redux。
考虑到这是有效载荷的一部分,我应该如何以正确的方式更新此头像字段?我应该使用另一种方法吗?
代码如下:
登录登录如下:
User.findOne({ email: email }).then(user => {
if (!user) {
return res.status(404).json({
email: "Couldn't find an account."
});
} else {
bcrypt.compare(password, user.password).then(isMatch => {
if (isMatch) {
//User matched
//Create JWT Payload (can contain any user info)
const payload = {
id: user.id,
firstname: user.firstname,
lastname: user.lastname,
email: user.email,
avatar: user.avatar
};
//Sign token
//The sign method from jwt needs a payload(user info), secret and …Run Code Online (Sandbox Code Playgroud) css ×2
html ×2
laravel ×2
express ×1
jwt ×1
laravel-5.3 ×1
laravel-5.4 ×1
passport.js ×1
php ×1
reactjs ×1
redux ×1
vue.js ×1